Source

Figuren

Dokumentatioun an Beispiller fir Zesummenhang Biller an Text mat der Figur Komponent am Bootstrap ze weisen.

All Kéier wann Dir e Stéck Inhalt muss weisen - wéi e Bild mat enger optionaler Iwwerschrëft, betruecht eng <figure>.

Benotzt déi abegraff .figure, .figure-imga .figure-captionKlassen fir e puer Baseline Stiler fir HTML5 <figure>an <figcaption>Elementer ze bidden. Biller a Figuren hu keng explizit Gréisst, also gitt sécher d' .img-fluidKlass op Är <img>ze addéieren fir se reaktiounsfäeger ze maachen.

400x300
En Iwwerschrëft fir dat uewe Bild. 
<figure class="figure">
  <img src=".../400x300" 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>

D'Iwwerschrëft vun der Figur ausriichten ass einfach mat eisen Text Utilities .

400x300
En Iwwerschrëft fir dat uewe Bild. 
<figure class="figure">
  <img src=".../400x300" 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>