Source

አሃዞች

ተዛማጅ ምስሎችን እና ጽሑፎችን በ Bootstrap ውስጥ ካለው የምስል አካል ጋር ለማሳየት ሰነዶች እና ምሳሌዎች።

በማንኛውም ጊዜ የይዘት ቁራጭ ማሳየት ሲፈልጉ—እንደ አማራጭ መግለጫ ፅሁፍ ያለው ምስል፣ ለመጠቀም ያስቡበት <figure>

ለኤችቲኤምኤል 5 እና ኤለመንቶች አንዳንድ የመነሻ ቅጦችን ለማቅረብ የተካተቱትን .figureእና .figure-imgክፍሎችን ይጠቀሙ። በስዕሎች ውስጥ ያሉ ምስሎች ምንም ግልጽ መጠን የላቸውም፣ ስለዚህ ምላሽ ሰጪ ለማድረግ ክፍሉን ወደ እርስዎ ማከልዎን ያረጋግጡ።.figure-caption<figure><figcaption>.img-fluid<img>

በምስል ውስጥ የተጠጋጉ ማዕዘኖች ያሉት አጠቃላይ የካሬ ቦታ ያዥ ምስል።
ከላይ ላለው ምስል መግለጫ ጽሑፍ።
<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>

የሥዕሉን መግለጫ ጽሑፍ ከጽሑፍ መገልገያዎቻችን ጋር ማመጣጠን ቀላል ነው ።

በምስል ውስጥ የተጠጋጉ ማዕዘኖች ያሉት አጠቃላይ የካሬ ቦታ ያዥ ምስል።
ከላይ ላለው ምስል መግለጫ ጽሑፍ።
<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>