புள்ளிவிவரங்கள்

எந்த நேரத்திலும் நீங்கள் உள்ளடக்கத்தின் ஒரு பகுதியைக் காட்ட வேண்டும்—விருப்பத் தலைப்புடன் கூடிய படம் போன்ற, ஒரு <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;