Source

চিত্ৰসমূহ

বুটষ্ট্ৰেপত চিত্ৰ উপাদানৰ সৈতে সম্পৰ্কীয় প্ৰতিমুৰ্তি আৰু লিখনী প্ৰদৰ্শন কৰাৰ বাবে দস্তাবেজ আৰু উদাহৰণসমূহ।

যিকোনো সময়তে আপুনি এটা বিষয়বস্তু প্ৰদৰ্শন কৰিব লাগিব—যেনে এটা বৈকল্পিক কেপচন থকা এটা ছবি, এটা ব্যৱহাৰ কৰাৰ কথা চিন্তা কৰক <figure>

HTML5 আৰু উপাদানসমূহৰ বাবে কিছুমান ভিত্তিৰেখা শৈলী প্ৰদান কৰিবলে অন্তৰ্ভুক্ত .figure, .figure-imgআৰু শ্ৰেণীসমূহ ব্যৱহাৰ কৰক। চিত্ৰসমূহত থকা ছবিসমূহৰ কোনো স্পষ্ট আকাৰ নাই, গতিকে ইয়াক সঁহাৰিজনক কৰিবলৈ শ্ৰেণীটো আপোনাৰ লগত যোগ কৰাটো নিশ্চিত কৰক।.figure-caption<figure><figcaption>.img-fluid<img>

৪০০x৩০০
ওপৰৰ ছবিখনৰ বাবে এটা কেপচন।
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

চিত্ৰৰ কেপচন প্ৰান্তিককৰণ কৰাটো আমাৰ লিখনী সঁজুলিসমূহৰ সৈতে সহজ ।

৪০০x৩০০
ওপৰৰ ছবিখনৰ বাবে এটা কেপচন।
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>