तथ्याङ्कहरू

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

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