Bootstrap 5 Блок-кавычки типографики

Опубликовано: 21 Февраля, 2023

Bootstrap 5 Typography Blockquotes используется для отображения длинных цитат (раздела, цитируемого из другого источника). Он изменяет мировоззрение, чтобы сделать его уникальным среди других. Чтобы использовать этот класс, мы должны использовать тег HTML blockquote для лучших результатов.

Типографика Blockquotes: для цитирования блоков контента мы можем добавить класс blockquote.

  • Именование источника: Блок-цитата может быть заключена в <fiin и снабжена нижним колонтитулом.
  • Выравнивание: похоже на класс text-alignment, который используется для установки выравнивания текста цитаты.

Класс типографских цитат:

  • blockquote: используется для включения стиля блочной цитаты bootstrap 5 в контент.

Синтаксис

<blockquote class="blockquote">
    <p>...</p>
</blockquote>

Примеры ниже иллюстрируют блок-кавычки Bootstrap 5 Typography:

Пример 1: В этом примере мы узнаем об именовании источника с помощью цитаты.

Выход:

Пример 2: В этом примере мы увидим пример, в котором используются два элемента figure, один из которых будет использовать классы типографики bootstrap 5, а другой будет без классов, чтобы вы могли различать влияние класса.

Выход:

Ссылки: https://getbootstrap.com/docs/5.0/content/typography/#blockquotes