Source

Figuri

Dokumentazzjoni u eżempji għall-wiri ta' stampi u test relatati mal-komponent tal-figura f'Bootstrap.

Kull meta għandek bżonn turi biċċa kontenut—bħal immaġini b'caption fakultattiv, ikkunsidra li tuża <figure>.

Uża l-inklużi .figure, .figure-imgu .figure-captionklassijiet biex tipprovdi xi stili bażi għall-HTML5 <figure>u l- <figcaption>elementi. Immaġini f'ċifri m'għandhom l-ebda daqs espliċitu, għalhekk kun żgur li żżid il- .img-fluidklassi tiegħek <img>biex tagħmilha reattiva.

400x300
Titlu għall-immaġni ta 'hawn fuq.
<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>

L-allinjament tal-caption taċ-ċifra huwa faċli mal- utilitajiet tat-test tagħna .

400x300
Titlu għall-immaġni ta 'hawn fuq.
<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>