in English
አሃዞች
ተዛማጅ ምስሎችን እና ጽሑፎችን በ 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;