Как настроить цветовую схему на Bootstrap?

@rodger.botsford 

Bootstrap предоставляет несколько встроенных цветовых схем, которые можно использовать в вашем проекте. Чтобы выбрать цветовую схему, вам нужно добавить соответствующий класс к элементам в вашем HTML-коде.

Например, чтобы использовать стандартную цветовую схему Bootstrap, добавьте класс bg-primary к элементу. Это сделает фон элемента синим.

Другие доступные цветовые схемы в Bootstrap включают bg-secondary, bg-success, bg-danger, bg-warning, bg-info и bg-dark.

Вы также можете создать собственную цветовую схему, используя пользовательские переменные CSS и настройки Sass. Например, вы можете создать новый файл Sass со своими собственными переменными, определить свои цвета и затем перезаписать переменные Bootstrap, чтобы использовать свои цвета вместо стандартных.

Пример использования класса цвета в HTML:

1
2
3

<div class="bg-primary">
  <h1>Hello, Bootstrap!</h1>
</div>