Source

Skaitļi

Dokumentācija un piemēri saistīto attēlu un teksta parādīšanai ar figūras komponentu programmā Bootstrap.

Ikreiz, kad nepieciešams parādīt satura daļu, piemēram, attēlu ar neobligātu 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.

400x300
Augšējā attēla paraksts.
<figure class="figure">
  <img src=".../400x300" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <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 .

400x300
Augšējā attēla paraksts.
<figure class="figure">
  <img src=".../400x300" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>