Bootstrap 5 Выравнивание текста

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

Начальная загрузка 5 классы выравнивания текста используются для повторного выравнивания компонентов с начальным, конечным и центральным вариантами. Его можно использовать в тех же контрольных точках ширины области просмотра, что и сетку.

Bootstrap 5 Классы выравнивания текста: здесь * можно заменить на strat, end и center, а ** можно заменить на sm, md, lg и xl

  • text-*: этот класс используется для выравнивания компонента по левому краю, центру или правому краю.
  • text-**-*: Этот класс используется для выравнивания компонента по левому краю, центру или правому краю в зависимости от размера экрана.

Синтаксис:

<tag class="text-start">...</tag>

Примеры ниже иллюстрируют выравнивание текста:

Пример 1: В этом примере мы выровняем текст по правому краю.

Выход:

Пример 2. В этом примере мы будем использовать все классы выравнивания, чтобы увидеть влияние этих классов.

Выход:

Ссылка: https://getbootstrap.com/docs/5.0/utilities/text/#text-alignment