in English
आकडे
बूटस्ट्रॅपमधील आकृती घटकासह संबंधित प्रतिमा आणि मजकूर प्रदर्शित करण्यासाठी दस्तऐवजीकरण आणि उदाहरणे.
या पृष्ठावर
कोणत्याही वेळी तुम्हाला सामग्रीचा एक भाग प्रदर्शित करण्याची आवश्यकता असेल — जसे की वैकल्पिक मथळा असलेली प्रतिमा, वापरण्याचा विचार करा <figure>
.
HTML5 आणि घटकांसाठी काही बेसलाइन शैली प्रदान करण्यासाठी समाविष्ट .figure
, .figure-img
आणि वर्ग वापरा . आकृत्यांमधील प्रतिमांना कोणतेही स्पष्ट आकार नसतात, म्हणून त्यास प्रतिसाद देण्यासाठी आपल्या वर्गामध्ये जोडण्याची खात्री करा..figure-caption
<figure>
<figcaption>
.img-fluid
<img>
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
आकृतीचे मथळे संरेखित करणे आमच्या मजकूर उपयुक्ततेसह सोपे आहे .
<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;