Как перебить стили bootstrap?

Question

[Adil1603]

есть стили, которые задает бутстрап

@media (min-width: 992px)
.navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}

я прописываю в своем файле css:

@media (min-width: 992px) {
      .navbar-expand-lg .navbar-collapse {
        text-align: right;
        display: block;
    }
}

но дисплей к классам .navbar-expand-lg .navbar-collapse все равно применяется flex

как его перебить?

Comments

[Владислав Лысков]

!importart

[Adil1603]

Владислав Лысков, это задано бутстрапом, как мне его переопределить, не меняя файлы бутстрапа?

[Adil1603]

Adil1603, тоже поставил !important

[Сергей delphinpro]

Adil1603, вы почитайте про то, что такое специфичность селектора. и таких вопросов больше возникать не будет.

Answer 1

[Smirator]

Стили вашего сайта должны подключаться после стилей бутстрапа.
Почитать: https://getbootstrap.ru/articles/2-kak-pereopredel...