Source

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.

Ɛ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.

400x300 fɔ di wan dɛn
Wan kapshɔn fɔ di pikchɔ we de ɔp.
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <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 .

400x300 fɔ di wan dɛn
Wan kapshɔn fɔ di pikchɔ we de ɔp.
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>