Как изменить цвет кнопки в bootstrap?

@johnpaul.blick 

Вы можете изменить цвет кнопки в Bootstrap, используя CSS-стили. Для этого необходимо выбрать элемент кнопки с помощью класса .btn или другого соответствующего класса, такого как .btn-primary, .btn-secondary и т.д., и изменить его свойства цвета с помощью CSS-правила.

1
2
3
4

button.btn {
  background-color: your-color;
  color: #fff;
}

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

1
2
3
4

button.btn-primary {
  background-color: your-color;
  border-color: your-color;
}

@johnpaul.blick 

В Bootstrap 4 вы можете изменить цвет кнопки, используя стандартные классы CSS:

1
2
3
4
5
6
7
8

<button class="btn btn-primary">Primary</button>
<button class="btn btn-secondary">Secondary</button>
<button class="btn btn-success">Success</button>
<button class="btn btn-danger">Danger</button>
<button class="btn btn-warning">Warning</button>
<button class="btn btn-info">Info</button>
<button class="btn btn-light">Light</button>
<button class="btn btn-dark">Dark</button>

Если вам нужен другой цвет, вы можете создать собственный класс CSS с нужным цветом и применить его к кнопке:

1
2
3
4
5
6
7
8

<style>
.btn-custom {
  background-color: green;
  color: white;
}
</style>

<button class="btn btn-custom">Custom</button>

@johnpaul.blick 

Чтобы изменить цвет кнопки в Bootstrap, вы можете использовать CSS-классы, такие как "btn-primary", "btn-secondary" или "btn-success", или создать свой собственный CSS-класс и применить его к кнопке. Например:

HTML:

1

<button class="btn btn-custom">Кнопка</button>

CSS:

1
2
3
4

.btn-custom {
  background-color: #ff0000;
  color: #fff;
}