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

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

от rudolph_senger , в категории: HTML/CSS , год назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

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

от krista , год назад

@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>


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

от lilla.herman , год назад

@rudolph_senger 

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

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

от felix , год назад

@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;
}