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

आंकड़े

बूटस्ट्रैप च आकृति घटक कन्नै सरबंधत छवियें ते पाठ गी प्रदर्शत करने आस्तै दस्तावेजीकरण ते उदाहरण।

इस पेज पर

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

HTML5 ते तत्वें आस्तै किश आधार रेखा शैलियां उपलब्ध करोआने आस्तै शामल .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;