Skip to di men tin dɛn we de insay Skip to doks nevigishɔn
Check
in English

Fig dɛn

Dokumɛnt ɛn ɛgzampul dɛn 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-captionklas 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-fluidklas to yu <img>fɔ mek i ansa.

Placeholder 400x300
Wan kapshɔn fɔ di pikchɔ we de ɔp.
html
<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 .

Placeholder 400x300
Wan kapshɔn fɔ di pikchɔ we de ɔp.
html
<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;