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-img
ne .figure-caption
adesua 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-fluid
adesuakuw no bɛka wo <img>
ho na ama ayɛ nea ɛfata.
<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 .
<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;