आंकड़ों

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

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

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

<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>

हमारे टेक्स्ट यूटिलिटीज के साथ फिगर के कैप्शन को संरेखित करना आसान है ।

<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>