Цветове
Предайте значение чрез цвят с шепа цветни полезни класове. Включва и поддръжка за стилизиране на връзки със състояния на задържане.
Справяне със спецификата
Понякога контекстуалните класове не могат да бъдат приложени поради спецификата на друг селектор. В някои случаи достатъчно заобиколно решение е да обвиете съдържанието на вашия елемент в a <div>
с класа.
Предаване на значение на помощните технологии
Използването на цвят за добавяне на смисъл осигурява само визуална индикация, която няма да бъде предадена на потребителите на помощни технологии – като екранни четци. Уверете се, че информацията, обозначена с цвета, е или очевидна от самото съдържание (напр. видимия текст), или е включена чрез алтернативни средства, като например допълнителен текст, скрит с .sr-only
класа.
Цвят
.текст-основен
.текст-вторичен
.текст-успех
.текст-опасност
.текстово предупреждение
.text-info
.текстова светлина
.текст-тъмен
.text-body
.text-muted
.текст-бял
.text-black-50
.текст-бял-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