आकृतयः

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

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