Source

Figurae

Documenta et exempla ad imagines et textum relatum cum figura componentium in Bootstrap proponendi.

Aliquando debes ostendere particulam contenti - sicut imago cum captione libitum, considera utens <figure>.

Utere inclusa .figure, .figure-imget .figure-captionclasses ad aliquas bases stylos pro HTML5 <figure>et <figcaption>elementis comparandos. Imagines in figuris expressam nullam habent magnitudinem, ita fac ut .img-fluidgenus tuum addas <img>ut respondeas.

400x300
Captio ad imaginem suprascriptam.
<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>

Captio figurae aligning facilis est cum utilitate textui nostro .

400x300
Captio ad imaginem suprascriptam.
<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>