Bootstrap 4 Colors - цвета
Цвета текста
Bootstrap 4 имеет некоторые контекстные классы, которые могут быть использованы для обеспечения "значение через цвета".
Классы для текстовых цветов: .text-muted
,
.text-primary
, .text-success
, .text-info
,
.text-warning
, .text-danger
, .text-secondary
, .text-white
,
.text-dark
, .text-body
(цвет тела по умолчанию/часто черный) и .text-light
:
Пример
Этот текст отключен.
Этот текст важен.
Этот текст указывает на успех.
Этот текст представляет некоторую информацию.
Этот текст представляет предупреждение.
Этот текст представляет опасность.
Вторичный текст.
Темно-серый текст.
Основного текста.
Светло-серый текст.
Контекстные текстовые классы также можно использовать для ссылок, которые добавят более темный цвет наведения:
Пример
Вы также можете добавить 50% непрозрачность для черного или белого текста с .text-black-50
или .text-white-50
классов:
Пример
Black text with 50% opacity on white background
White text with 50% opacity on black background
Цвета фона
Для цветов фона используются следующие классы: .bg-primary
,,,,,
.bg-success
.bg-info
.bg-warning
.bg-danger
.bg-secondary
.bg-dark
и .bg-light
.
Обратите внимание, что цвета фона не задается цвет текста, поэтому в некоторых случаях вы хотите использовать их вместе с .text-*
классом.
Пример
This text is important.
This text indicates success.
This text represents some information.
This text represents a warning.
This text represents danger.
Secondary background color.
Dark grey background color.
Light grey background color.