in English
Skaitļi
Dokumentācija un piemēri saistīto attēlu un teksta parādīšanai ar figūras komponentu programmā Bootstrap.
Šajā lapā
Ikreiz, kad nepieciešams parādīt satura daļu, piemēram, attēlu ar papildu parakstu, apsveriet iespēju izmantot <figure>
.
Izmantojiet iekļautās .figure
, .figure-img
un .figure-caption
klases, lai nodrošinātu dažus bāzes stilus HTML5 <figure>
un <figcaption>
elementiem. Attēliem attēlos nav precīza izmēra, tāpēc noteikti pievienojiet .img-fluid
klasi savai klasei, lai <img>
tā būtu atsaucīga.
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
Attēla parakstu līdzināšana ir vienkārša, izmantojot mūsu teksta utilītas .
<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
Mainīgie lielumi
$figure-caption-font-size: $small-font-size;
$figure-caption-color: $gray-600;