Laktawan ti kangrunaan a linaon Laktawan ti docs navigation
Check
in English

Dagiti Pigura

Dokumentasion ken dagiti pagarigan para iti panangiparang kadagiti mainaig a ladawan ken teksto nga addaan ti paset ti pigura iti Bootstrap.

Iti daytoy a panid

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.

Placeholder 400x300
Maysa a kapsion para iti ladawan iti ngato.
html nga
<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 .

Placeholder 400x300
Maysa a kapsion para iti ladawan iti ngato.
html nga
<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;