Fa'atusa

Faʻamaumauga ma faʻataʻitaʻiga mo le faʻaalia o ata ma tusitusiga faʻatasi ma le vaega faʻatusa i Bootstrap.

I luga o lenei itulau

Soo se taimi e te manaʻomia ai le faʻaalia o se vaega o anotusi—pei o se ata ma se faʻamatalaga e filifili ai, mafaufau e faʻaaoga se <figure>.

Fa'aoga le aofia .figure, .figure-imgma .figure-captionvasega e tu'uina atu ai ni sitaili fa'avae mo le HTML5 <figure>ma <figcaption>elemene. O ata i fa'atusa e leai se lapopo'a manino, ia mautinoa e fa'aopoopo le .img-fluidvasega ia oe <img>ina ia fa'afoliga.

Se fa'amatalaga mo le ata i luga.

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

O le fa'aogaina o le fa'amatalaga o le ata e faigofie ma a matou mea fa'aoga tusitusi .

Se fa'amatalaga mo le ata i luga.

<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

Fuafuaga

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