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

आकडे

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

या पृष्ठावर

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

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

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