బొమ్మలు

మీరు ఎప్పుడైనా ఐచ్ఛిక శీర్షికతో చిత్రం వంటి కంటెంట్ భాగాన్ని ప్రదర్శించాల్సిన అవసరం ఉంది, ఉపయోగించడాన్ని పరిగణించండి <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;