in English
బొమ్మలు
బూట్స్ట్రాప్లో ఫిగర్ కాంపోనెంట్తో సంబంధిత చిత్రాలు మరియు వచనాన్ని ప్రదర్శించడానికి డాక్యుమెంటేషన్ మరియు ఉదాహరణలు.
ఈ పేజీలో
మీరు ఎప్పుడైనా ఐచ్ఛిక శీర్షికతో చిత్రం వంటి కంటెంట్ భాగాన్ని ప్రదర్శించాల్సిన అవసరం ఉంది, ఉపయోగించడాన్ని పరిగణించండి <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;