Source

Лічбы

Дакументацыя і прыклады для адлюстравання звязаных малюнкаў і тэксту з кампанентам фігуры ў Bootstrap.

Кожны раз, калі вам трэба паказаць частку змесціва - напрыклад, выяву з неабавязковым подпісам, разгледзьце магчымасць выкарыстання <figure>.

Выкарыстоўвайце ўключаныя класы .figure, .figure-imgі .figure-caption, каб забяспечыць некаторыя базавыя стылі для HTML5 <figure>і <figcaption>элементаў. Выявы на малюнках не маюць відавочнага памеру, таму не забудзьцеся дадаць .img-fluidклас у свой <img>, каб зрабіць яго адаптыўным.

400х300
Подпіс да выявы вышэй.
<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>

Выраўнаваць подпіс да фігуры лёгка з дапамогай нашых тэкставых утыліт .

400х300
Подпіс да выявы вышэй.
<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>