मुख्य सामग्री पर जाईं डॉक्स नेविगेशन पर जाईं
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;