Source

Figures

Dokumintaasje en foarbylden foar it werjaan fan besibbe ôfbyldings en tekst mei de figuer komponint yn Bootstrap.

Elke kear as jo in stik ynhâld moatte werjaan - lykas in ôfbylding mei in opsjonele titel, beskôgje dan it brûken fan in <figure>.

Brûk de ynbegrepen .figure, .figure-imgen .figure-captionklassen om wat baseline-stilen te leverjen foar de HTML5 <figure>en <figcaption>eleminten. Ofbyldings yn sifers hawwe gjin eksplisite grutte, dus wês der wis fan dat jo de .img-fluidklasse oan jo tafoegje <img>om it responsyf te meitsjen.

400x300
In byskrift foar de boppesteande ôfbylding.
<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>

It byskrift fan 'e figuer is maklik mei ús teksthulpprogramma 's .

400x300
In byskrift foar de boppesteande ôfbylding.
<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>