முக்கிய உள்ளடக்கத்திற்கு செல்க டாக்ஸ் வழிசெலுத்தலுக்குச் செல்லவும்
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;