স্কিপ করে মূল কন্টেন্ট এ যাও ডক্স নেভিগেশন এড়িয়ে যান
Check
in English

পরিসংখ্যান

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

এই পৃষ্ঠায়

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

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

Placeholder 400x300
উপরের ছবির জন্য একটি ক্যাপশন.
html
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

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

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