आकडे

कोणत्याही वेळी तुम्हाला सामग्रीचा एक भाग प्रदर्शित करण्याची आवश्यकता असेल — जसे की वैकल्पिक मथळा असलेली प्रतिमा, वापरण्याचा विचार करा <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;