in English
Brojke
Dokumentacija i primjeri za prikazivanje povezanih slika i teksta sa komponentom figure u Bootstrapu.
Na ovoj stranici
Svaki put kada trebate prikazati dio sadržaja—poput slike s opcijskim natpisom, razmislite o korištenju <figure>
.
Koristite uključene .figure
, .figure-img
i .figure-caption
klase da pružite neke osnovne stilove za HTML5 <figure>
i <figcaption>
elemente. Slike u slikama nemaju eksplicitnu veličinu, pa svakako dodajte .img-fluid
klasu u svoju <img>
da bi bila prilagodljiva.
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
Poravnavanje natpisa slike je lako pomoću naših tekstualnih uslužnih programa .
<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
Varijable
$figure-caption-font-size: $small-font-size;
$figure-caption-color: $gray-600;