አሃዞች

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

በዚህ ገጽ ላይ

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

ለኤችቲኤምኤል 5 እና ኤለመንቶች አንዳንድ የመነሻ ቅጦችን ለማቅረብ የተካተቱትን .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;