Кольори
Передайте значення за допомогою кольору за допомогою кількох корисних класів кольорів. Включає також підтримку стилізації посилань із станами наведення.
колір
.text-primary
.text-secondary
.text-success
.text-danger
.текст-попередження
.text-info
.text-light
.text-dark
.text-body
.text-muted
.текст-білий
.text-black-50
.text-white-50
Класи контекстного тексту також добре працюють на прив’язках із наданими станами наведення та фокусування. Зауважте, що клас .text-white
and .text-muted
не має додаткового стилю посилань, крім підкреслення.
Колір фону
Подібно до контекстних класів кольору тексту, легко встановити фон елемента для будь-якого контекстного класу. Компоненти прив’язки темніють при наведенні, як і текстові класи. Фонові утиліти не встановлюютьсяcolor
, тому в деяких випадках ви захочете скористатися .text-*
утилітами.
Фоновий градієнт
Якщо $enable-gradients
встановлено true
(за замовчуванням false
), ви можете використовувати .bg-gradient-
класи корисності. Дізнайтеся про наші параметри Sass, щоб увімкнути ці класи та багато іншого.
.bg-gradient-primary
.bg-gradient-secondary
.bg-gradient-success
.bg-gradient-danger
.bg-gradient-warning
.bg-gradient-info
.bg-gradient-light
.bg-gradient-dark
Робота зі специфікою
Іноді контекстні класи неможливо застосувати через специфіку іншого селектора. У деяких випадках достатнім обхідним шляхом є обернути вміст вашого елемента в <div>
клас.
Передача значення допоміжним технологіям
Використання кольору для додання значення забезпечує лише візуальну індикацію, яка не буде передана користувачам допоміжних технологій, таких як програми зчитування з екрана. Переконайтеся, що інформація, позначена кольором, або очевидна з самого вмісту (наприклад, видимого тексту), або включена за допомогою альтернативних засобів, таких як додатковий текст, прихований разом із .sr-only
класом.