Source

तथ्याङ्कहरू

बुटस्ट्र्यापमा फिगर कम्पोनेन्टसँग सम्बन्धित छविहरू र पाठहरू प्रदर्शन गर्नका लागि दस्तावेज र उदाहरणहरू।

कुनै पनि बेला तपाईले सामग्रीको टुक्रा प्रदर्शन गर्न आवश्यक छ — वैकल्पिक क्याप्शन भएको छवि जस्तै, प्रयोग गर्ने विचार गर्नुहोस् <figure>

HTML5 र तत्वहरूको लागि केही आधारभूत शैलीहरू प्रदान गर्न समावेश गरिएको .figure, .figure-imgर कक्षाहरू प्रयोग गर्नुहोस्। आंकडाहरूमा छविहरूको कुनै स्पष्ट आकार छैन, त्यसैले यसलाई उत्तरदायी बनाउनको लागि तपाइँको कक्षामा थप्न निश्चित हुनुहोस् ।.figure-caption<figure><figcaption>.img-fluid<img>

४००x३००
माथिको छविको लागि क्याप्सन।
<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>

चित्रको क्याप्शन पङ्क्तिबद्ध गर्न हाम्रो पाठ उपयोगिताहरूसँग सजिलो छ ।

४००x३००
माथिको छविको लागि क्याप्सन।
<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>