in English
Fig dɛn
Dokumɛnt ɛn ɛgzampul fɔ sho rilayt pikchɔ ɛn tɛks wit di figa kɔmpɔnɛnt na Bootstrap.
Na dis pej
Ɛnitɛm we yu nid fɔ sho sɔntin—lɛk pikchɔ we gɛt kɔpshɔn we yu want, tink bɔt fɔ yuz wan <figure>
.
Yuz di inklud .figure
, .figure-img
ɛn .figure-caption
klas dɛn fɔ gi sɔm beslayn stayl dɛn fɔ di HTML5 <figure>
ɛn <figcaption>
di ɛlimɛnt dɛn. Pikchɔ dɛn we de na figa dɛn nɔ gɛt sayz we klia, so mek shɔ se yu ad di .img-fluid
klas to yu <img>
fɔ mek i ansa.
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
Fɔ alaynɛt di figa in kapshɔn izi wit wi tɛks yutiliti dɛn .
<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 bin de
Di tin dɛn we kin chenj
$figure-caption-font-size: $small-font-size;
$figure-caption-color: $gray-600;