Source

आंकड़ा

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

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

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

४००x३०० के
उपरोक्त छवि के लिये एक कैप्शन।
<figure class="figure">
  <img src=".../400x300" 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>

आकृति के कैप्शन के संरेखित करब हमर पाठ उपयोगिता के संग आसान अछि .

४००x३०० के
उपरोक्त छवि के लिये एक कैप्शन।
<figure class="figure">
  <img src=".../400x300" 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>