Source

आकृतयः

Bootstrap मध्ये आकृतिघटकेन सह सम्बन्धितचित्रं पाठं च प्रदर्शयितुं दस्तावेजीकरणं उदाहरणानि च।

यदापि भवन्तः सामग्रीखण्डं प्रदर्शयितुं प्रवृत्ताः भवन्ति-यथा वैकल्पिकशीर्षकयुक्तं चित्रं, एकं <figure>.

HTML5 तथा तत्वानां कृते काश्चन आधाररेखाशैल्याः प्रदातुं included .figure, .figure-imgand classes इत्यस्य उपयोगं कुर्वन्तु । आकृतीषु चित्रेषु स्पष्टः आकारः नास्ति, अतः प्रतिक्रियाशीलं कर्तुं वर्गं भवतः मध्ये अवश्यं योजयन्तु ।.figure-caption<figure><figcaption>.img-fluid<img>

४००x३०० इति
उपर्युक्त चित्रस्य कृते एकं शीर्षकम्।
<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>

चित्रस्य शीर्षकस्य संरेखणं अस्माकं पाठ-उपयोगितायाः सह सुलभम् अस्ति .

४००x३०० इति
उपर्युक्त चित्रस्य कृते एकं शीर्षकम्।
<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>