आकृतीबंध

बूटस्ट्रॅपांत आकृती घटका वांगडा संबंदीत प्रतिमा आनी मजकूर दाखोवपाखातीर दस्तावेजीकरण आनी उदाहरणां.

खंयच्याय वेळार तुमकां सामुग्रीचो एक कुडको दाखोवपाची गरज आसल्यार-पर्यायी मथळ्या वांगडा प्रतिमा सारकी, एक वापरपाचो विचार करात <figure>.

HTML5 आनी घटकांखातीर कांय मुळावी शैली पुरवण करपाक included .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>