तथ्याङ्कहरू
बुटस्ट्र्यापमा फिगर कम्पोनेन्टसँग सम्बन्धित छविहरू र पाठहरू प्रदर्शन गर्नका लागि दस्तावेज र उदाहरणहरू।
कुनै पनि बेला तपाईले सामग्रीको टुक्रा प्रदर्शन गर्न आवश्यक छ — वैकल्पिक क्याप्शन भएको छवि जस्तै, प्रयोग गर्ने विचार गर्नुहोस् <figure>
।
HTML5 र तत्वहरूको लागि केही आधारभूत शैलीहरू प्रदान गर्न समावेश गरिएको .figure
, .figure-img
र कक्षाहरू प्रयोग गर्नुहोस्। आंकडाहरूमा छविहरूको कुनै स्पष्ट आकार छैन, त्यसैले यसलाई उत्तरदायी बनाउनको लागि तपाइँको कक्षामा थप्न निश्चित हुनुहोस् ।.figure-caption
<figure>
<figcaption>
.img-fluid
<img>
<figure class="figure">
<img src="..." 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="..." 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>