Стили для отображения Контента с некоторыми из наиболее часто используемых HTML-элементов, включая нормализацию, типографика, Изображения, таблицы и более.
В любое время вам нужно, отобразить кусок Контента—как образ—с необязательного заголовком, используйте <figure>
.
Используйте включенный .figure
, .figure-img
и .figure-caption
занятия, чтобы обеспечить некоторые базовые стили для HTML5 в <figure>
и <figcaption>
элементов. Изображения на рисунках нет четкого размера, поэтому не забудьте добавить .img-fluid
класс <img>
, чтобы сделать его aдаптивный.
<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>
Выравнивание субтитров фигуры легко с нашей текст утилиты.
<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>