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;