Как переопределить стиль css в bootstrap?

@rudolph_senger 

Чтобы переопределить стиль CSS в Bootstrap, вы можете добавить собственные стили CSS после подключения Bootstrap CSS в HTML. Такие стили будут иметь более высокий приоритет, чем стили Bootstrap, и переопределят их.

Например:

1
2
3
4
5
6
7

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style>
  /* ваши собственные стили */
  .btn-primary {
    background-color: green;
  }
</style>

@rudolph_senger 

Чтобы переопределить стиль CSS в Bootstrap, вы можете поместить свои собственные стили CSS после подключения файла bootstrap.css. Собственные стили переопределят существующие стили Bootstrap. Необходимо обеспечить, чтобы свои стили имели более высокий приоритет, чем стили Bootstrap.

@rudolph_senger 

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

1
2

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="custom.css">

1
2
3
4

.btn {
   background-color: blue;
   color: white;
}