in English
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-img
u 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>
<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 .
<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;