मुख्य सामग्री पर जाउ डॉक्स नेविगेशन पर जाउ
Check
in English

आंकड़ा

बूटस्ट्रैप मे आकृति घटक कें साथ संबंधित छवि आ पाठ प्रदर्शित करय कें लेल दस्तावेजीकरण आ उदाहरण.

इस पेज पर

जखन कखनो अहां कें कोनों सामग्री कें टुकड़ा प्रदर्शित करय कें जरूरत होयत छै-जैना कोनों वैकल्पिक कैप्शन वाला छवि, एकटा <figure>.

HTML5 आरू तत्वों क के ललए कुछ आधार रेखा शैली प्रदान करन के क के सलए included .figure, .figure-imgऔर क्लास क उपयोग करक | आकृति मे छविक कोनो स्पष्ट आकार नहि होइत छैक, तेँ ओकरा प्रतिक्रियाशील बनेबाक लेल क्लास केँ अपन मे अवश्य जोड़ू ।.figure-caption<figure><figcaption>.img-fluid<img>

Placeholder 400x300
उपरोक्त छवि के लिये एक कैप्शन।
एचटीएमएल
<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
उपरोक्त छवि के लिये एक कैप्शन।
एचटीएमएल
<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;