Source

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

பூட்ஸ்டார்ப்பில் உருவக் கூறுகளுடன் தொடர்புடைய படங்கள் மற்றும் உரையைக் காண்பிப்பதற்கான ஆவணங்கள் மற்றும் எடுத்துக்காட்டுகள்.

எந்த நேரத்திலும் நீங்கள் உள்ளடக்கத்தின் ஒரு பகுதியைக் காட்ட வேண்டும்—விருப்பத் தலைப்புடன் கூடிய படம் போன்ற, ஒரு <figure>.

HTML5 மற்றும் உறுப்புகளுக்கு சில அடிப்படை பாணிகளை வழங்க , சேர்க்கப்பட்ட .figure, .figure-imgமற்றும் வகுப்புகளைப் பயன்படுத்தவும். புள்ளிவிவரங்களில் உள்ள படங்களுக்கு வெளிப்படையான அளவு இல்லை, எனவே அதை பதிலளிக்கும்படி உங்கள் வகுப்பில் சேர்க்க மறக்காதீர்கள்..figure-caption<figure><figcaption>.img-fluid<img>

400x300
மேலே உள்ள படத்திற்கான தலைப்பு.
<figure class="figure">
  <img src=".../400x300" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

உருவத்தின் தலைப்பை சீரமைப்பது எங்கள் உரை பயன்பாடுகளுடன் எளிதானது .

400x300
மேலே உள்ள படத்திற்கான தலைப்பு.
<figure class="figure">
  <img src=".../400x300" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>