Skip to main content Skip ad navigationem soUicitudo
in English

Figurae

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

In hac pagina

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.

Placeholder 400x300
Captio ad imaginem suprascriptam.
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

Captio figurae aligning facilis est cum utilitate textui nostro .

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

Variabilium

$figure-caption-font-size:          $small-font-size;
$figure-caption-color:              $gray-600;