Pāriet uz galveno saturu Pāriet uz dokumentu navigāciju
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-imgun .figure-captionklases, 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-fluidklasi savai klasei, lai <img>tā būtu atsaucīga.

Placeholder 400x300
Augšējā attēla paraksts.
<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 .

Placeholder 400x300
Augšējā attēla paraksts.
<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;