Figuri

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

Fuq din il-paġna

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- klassijiet inklużi .figure, .figure-imgu biex tipprovdi xi stili bażi għall-HTML5 u l- elementi. Immaġini f'ċifri m'għandhom l-ebda daqs espliċitu, għalhekk kun żgur li żżid il- klassi tiegħek biex tagħmilha reattiva..figure-caption<figure><figcaption>.img-fluid<img>

A caption għall-immaġni ta 'hawn fuq.

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <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 .

A caption għall-immaġni ta 'hawn fuq.

<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

Varjabbli

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