Dagiti Pigura

Aniaman a kanito a kasapulam nga ipakita ti maysa a pedaso ti linaon—kas iti ladawan nga addaan iti opsional a kapsion, ibilangmo ti panangusar iti <figure>.

Usaren ti nairaman .figure, .figure-imgken .figure-captiondagiti klase tapno mangipaay kadagiti sumagmamano nga estilo ti batayan para iti HTML5 <figure>ken <figcaption>dagiti elemento. Dagiti ladawan kadagiti pigura ket awan ti nalawag a kadakkelda, isu a siguraduenyo nga inayon ti .img-fluidklase iti bagiyo <img>tapno agbalin a makasungbat.

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

Nalaka ti panangitunos iti kapsion ti pigura babaen kadagiti utilidad ti tekstotayo .

<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 nga

Dagiti Variable

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