@websetter
Верстаю сайты

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

Уважаемые коллеги! Помогите пожалуйста. Не получается переопределить медиа запросы 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. Спасибо за рассмотрение моего вопроса.
  • Вопрос задан
  • 153 просмотра
Решения вопроса 1
iiiBird
@iiiBird Куратор тега Bootstrap
Пока ты спишь - твой конкурент совершенствуется
1155px не входит в стандартные брекпоинты бутстрапа. правильным решением будет в scss переменных переопределить эту переменную раз у тебя такие брекпоинты.
также .navbar-expand- может быть и другим {-sm|-md|-lg|-xl}. к примеру при .navbar-expand-xl будет срабатывать при 1200px
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы