Лічбы

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

На гэтай старонцы

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

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

Подпіс да выявы вышэй.

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

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

Подпіс да выявы вышэй.

<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>

Сас

Пераменныя

$figure-caption-font-size:          $small-font-size;
$figure-caption-color:              $gray-600;