Source

চিত্ৰসমূহ

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

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

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

৪০০x৩০০
ওপৰৰ ছবিখনৰ বাবে এটা কেপচন।
<figure class="figure">
  <img src=".../400x300" 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=".../400x300" 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>