Цвета Bootstrap 5

Цвет текста

Bootstrap 5 имеет некоторые контекстные классы, которые можно использовать для предоставления «значения, выраженного цветом».

Классы для цвета текста:

  • .text-muted
  • .text-primary
  • .text-success
  • .text-info
  • .text-warning
  • .text-danger
  • .text-secondary
  • .text-white
  • .text-dark
  • .text-body(по умолчанию цвет body / обычно черный)
  • .text-light

Примеры

Попробуйте сами

Вы также можете использовать .text-black-50 или .text-white-50 Добавьте 50% непрозрачности для текста черного или белого цвета с помощью класса:

Примеры

Попробуйте сами

Цвет фона

Классы для фона цветов:

  • .bg-primary
  • .bg-success
  • .bg-info
  • .bg-warning
  • .bg-danger
  • .bg-secondary
  • .bg-dark
  • .bg-light

Обратите внимание, что цвет фона не устанавливает цвет текста, поэтому в некоторых случаях вам может потребоваться использовать их вместе с .text-* Используйте вместе с классами цветов.

Примеры

Попробуйте сами