मुख्य सामग्रीमा जानुहोस् कागजात नेभिगेसनमा जानुहोस्
Check
in English

तथ्याङ्कहरू

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

यस पृष्ठमा

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

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

Placeholder 400x300
माथिको छविको लागि क्याप्सन।
html
<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
माथिको छविको लागि क्याप्सन।
html
<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;