Source

পরিসংখ্যান

বুটস্ট্র্যাপে চিত্র উপাদান সহ সম্পর্কিত চিত্র এবং পাঠ্য প্রদর্শনের জন্য ডকুমেন্টেশন এবং উদাহরণ।

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

HTML5 এবং উপাদানগুলির জন্য কিছু বেসলাইন শৈলী প্রদান করতে অন্তর্ভুক্ত .figure, .figure-imgএবং ক্লাসগুলি ব্যবহার করুন৷ পরিসংখ্যানের চিত্রগুলির কোনও স্পষ্ট আকার নেই, তাই এটিকে প্রতিক্রিয়াশীল করতে আপনার ক্লাসটি যুক্ত করতে ভুলবেন না।.figure-caption<figure><figcaption>.img-fluid<img>

400x300
উপরের ছবির জন্য একটি ক্যাপশন.
<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>

চিত্রের ক্যাপশনটি সারিবদ্ধ করা আমাদের পাঠ্য ইউটিলিটিগুলির সাথে সহজ ।

400x300
উপরের ছবির জন্য একটি ক্যাপশন.
<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>