मुख्य सामग्री पर जाएँ docs नेविगेशनं प्रति गच्छतु
in English

आकृतयः

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

इस पृष्ठ पर

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

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

Placeholder 400x300
उपर्युक्त चित्रस्य कृते एकं शीर्षकम्। 
<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
उपर्युक्त चित्रस्य कृते एकं शीर्षकम्। 
<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;