চিত্ৰসমূহ

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

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

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

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

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption text-end">A caption for the above image.</figcaption>
</figure>

ছাছ

চলকসমূহ

$figure-caption-font-size:          $small-font-size;
$figure-caption-color:              $gray-600;