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

Пользователь

от landen.nienow , в категории: HTML/CSS , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от wilburn , 2 года назад

@landen.nienow 

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

1
2
3
4
.btn-primary {
  background-color: #your-color;
  border-color: #your-color;
}


Вы можете заменить #your-color на любой цвет, который вы хотите. Аналогичным образом можно изменить цвет текста:

1
2
3
.btn-primary {
  color: #your-color;
}


Этот CSS-код нужно поместить в тег <style> или в отдельный файл CSS, который вы подключаете к своему HTML-документу.

Пользователь

от fred , 2 года назад

@landen.nienow 

Для изменения цвета кнопок в Bootstrap можно использовать следующие стили:

  1. Переопределить цвет с помощью CSS:
1
2
3
4
button.btn {
  background-color: #yourcolor;
  color: #fff;
}


  1. Использовать существующие классы цветов в Bootstrap, такие как "btn-primary", "btn-secondary", "btn-success", "btn-danger" и т.д.
1
<button type="button" class="btn btn-primary">Primary</button>


  1. Создать свой собственный класс цвета:
1
2
3
4
.btn-custom {
  background-color: #yourcolor;
  color: #fff;
}


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