Как переопределить медиа запросы Bootstrap?

Question

[Дмитрий Куриленко]

Уважаемые коллеги! Помогите пожалуйста. Не получается переопределить медиа запросы Bootstrap v4.6. Bootstrap назначает стили для navbar: media (min-witdh: 992px) {
.navbar-expand-lg {
flex-flow: row nowrap; justify-content: flex-start;
}
}
А мне нужно чтобы всё это срабатывало на 1155px. Когда пишу всё это в своём style.css ничего не меняется. Т.е. в консоли появляются мои стили, но также остаются и Bootstrapовские на том же breakpointе 992px. Спасибо за рассмотрение моего вопроса.

Answer 1

[iBird Rose]

1155px не входит в стандартные брекпоинты бутстрапа. правильным решением будет в scss переменных переопределить эту переменную раз у тебя такие брекпоинты.
также .navbar-expand- может быть и другим {-sm|-md|-lg|-xl}. к примеру при .navbar-expand-xl будет срабатывать при 1200px

Comments

[Дмитрий Куриленко]

Понял. Конечно же это так. Но как залезть в папку scss. Это navbar.scss ?

[iBird Rose]

Дмитрий Куриленко, все переменные у бутстрапа в _variables.scss

[Дмитрий Куриленко]

Это вот в таких папках, как: bootstrap\css\bootstrap-grid.css.map и bootstrap\css\bootstrap.css.map ?

[iBird Rose]

Дмитрий Куриленко, нет. это в папке scss. прям в корне этой папки файл _variables.scss

[Дмитрий Куриленко]

Извините что морочу голову, но у меня только:

[iBird Rose]

Дмитрий Куриленко, потому что нужно качать исходники, а не скомпиленный вариант https://getbootstrap.com/docs/4.6/getting-started/...

[Дмитрий Куриленко]

Понял огромное спасибо профессионалу!