Цвета границ Bootstrap 5 Spinners
Опубликовано: 18 Февраля, 2023
Bootstrap 5 Spinner используется для отображения стадии загрузки компонента, эти счетчики создаются только с помощью HTML и CSS. Border Spinner используется для легкого индикатора загрузки. Спиннеры Bootstrap 5 имеют различные цвета спиннеров.
Классы Spinner Border Colors:
- spinner-border: этот класс используется для добавления границы счетчика с помощью Bootstrap.
- text-primary: этот класс используется для изменения цвета счетчика на синий.
- text-secondary: этот класс используется для изменения цвета счетчика на серый.
- text-success: этот класс используется для изменения цвета счетчика на зеленый.
- text-danger: этот класс используется для изменения цвета счетчика на красный.
- text-warning: этот класс используется для изменения цвета счетчика на желтый.
- text-info: этот класс используется для изменения цвета счетчика на небесно-голубой.
- text-light: этот класс используется для изменения цвета счетчика на белый.
- text-dark: этот класс используется для изменения цвета счетчика на черный.
Синтаксис:
<div class="spinner-border text-..."> <span>...</span> </div>
Пример 1. В следующем коде показаны различные цвета рамки Spinners с использованием классов text-primary, text-secondary, text-success и text-danger с использованием свойств Spinner Border.
Выход:
Пример 2. Следующий код демонстрирует различные цвета рамки Spinner с использованием классов text-warning, text-info, text-light и text-dark с использованием свойств Spinner Border.
Выход:
Ссылка: https://getbootstrap.com/docs/5.0/components/spinners/#colors