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

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

Bootstrap 5 Spinners Выравнивание текста используется для установки выравнивания компонента счетчика. Чтобы установить выравнивание текста элемента счетчика, мы будем использовать классы выравнивания текста.

Спиннеры Text Align Placements Используемые классы:

  • .text-start: используется для установки выравнивания элемента счетчика на начало.
  • .text-center: используется для установки выравнивания элемента счетчика по центру.
  • .text-end: используется для установки выравнивания элемента счетчика по концу.

Синтаксис:

<div class="text-*">
      <div class="spinner-border" role="status">
        <span class="visually-hidden">...</span>
      </div>
</div>

Пример 1. В этом примере мы установим выравнивание текста элементов счетчика по началу, центру и концу.

Выход:

Пример 2. В этом примере мы установим выравнивание текста элементов счетчика кнопок по началу, центру и концу.

Выход:

Ссылка: https://getbootstrap.com/docs/5.0/components/spinners/#text-align