Twe kɔ emu nsɛm atitiriw no so Twe kɔ docs navigation so
Check
in English

Akontaabu ahorow

Nwoma ne nhwɛsoɔ a wɔde bɛkyerɛ mfonini ne nsɛm a ɛfa ho a ɛwɔ mfonini fã no wɔ Bootstrap mu.

Wɔ kratafa yi so

Bere biara a ɛho behia sɛ woda emu nsɛm bi adi—te sɛ mfonini a wɔakyerɛw nsɛm a wɔakyerɛw wɔ so a wubetumi apaw no, susuw ho sɛ wode <figure>.

Fa included .figure, .figure-imgne .figure-captionadesua ahorow no di dwuma de fa mfitiase kwan ahorow bi ma HTML5 <figure>ne <figcaption>element ahorow no. Mfonini ahorow a ɛwɔ akontaabu mu no nni kɛse a ɛda adi pefee, enti hwɛ hu sɛ wode .img-fluidadesuakuw no bɛka wo <img>ho na ama ayɛ nea ɛfata.

Placeholder 400x300
Nsɛm a wɔakyerɛw wɔ atifi hɔ mfonini no ho.
html na ɛwɔ hɔ
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

Sɛ́ wobɛhyehyɛ mfonini no ase no pɛpɛɛpɛ no yɛ mmerɛw wɔ yɛn nsɛm a yɛde kyerɛw nsɛm no mu mfaso horow no so .

Placeholder 400x300
Nsɛm a wɔakyerɛw wɔ atifi hɔ mfonini no ho.
html na ɛwɔ hɔ
<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>

Sass

Nneɛma a Ɛsakra

$figure-caption-font-size:          $small-font-size;
$figure-caption-color:              $gray-600;