Source

आकडे

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

कोणत्याही वेळी तुम्हाला सामग्रीचा एक भाग प्रदर्शित करण्याची आवश्यकता असेल — जसे की वैकल्पिक मथळा असलेली प्रतिमा, वापरण्याचा विचार करा <figure>.

HTML5 आणि घटकांसाठी काही बेसलाइन शैली प्रदान करण्यासाठी समाविष्ट .figure, .figure-imgआणि वर्ग वापरा . आकृत्यांमधील प्रतिमांना कोणतेही स्पष्ट आकार नसतात, म्हणून त्यास प्रतिसाद देण्यासाठी आपल्या वर्गामध्ये जोडण्याची खात्री करा..figure-caption<figure><figcaption>.img-fluid<img>

400x300
वरील प्रतिमेसाठी मथळा.
<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>

आकृतीचे मथळे संरेखित करणे आमच्या मजकूर उपयुक्ततेसह सोपे आहे .

400x300
वरील प्रतिमेसाठी मथळा.
<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>