Source

Dagiti Pigura

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

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.

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

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

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