পরিসংখ্যান

যে কোনো সময় আপনার কোনো বিষয়বস্তুর অংশ প্রদর্শন করতে হবে—যেমন ঐচ্ছিক ক্যাপশন সহ একটি চিত্র, একটি ব্যবহার করার কথা বিবেচনা করুন <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;