Skip to main content

Содержание

Стили для отображения Контента с некоторыми из наиболее часто используемых HTML-элементов, включая нормализацию, типографика, Изображения, таблицы и более.

Фигуры

В любое время вам нужно, отобразить кусок Контента—как образ—с необязательного заголовком, используйте <figure>.

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

A generic square placeholder image with rounded corners in a figure.
A caption for the above image.
<figure class="figure">
  <img src="..." class="figure-img img-fluid img-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>

Выравнивание субтитров фигуры легко с нашей текст утилиты.

A generic square placeholder image with rounded corners in a figure.
A caption for the above image.
<figure class="figure">
  <img src="..." class="figure-img img-fluid img-rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption text-xs-right">A caption for the above image.</figcaption>
</figure>