Цвета границ Bootstrap 5 Spinners

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