Bootstrap: Как показать мобильное меню раньше времени

Bootstrap: Как показать мобильное меню раньше времени

· Bootstrap, CSS, HTML и Снипеты · 1 мин чтения

В этой записи, я покажу как можно показать мобильное меню .navbar от Bootstrap раньше, чем оно показывается по умолчанию.

Решение

@media (max-width: 940px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}

Где (max-width: 940px) — это до какой ширины экрана будет показываться обычное меню, после чего на 939 и менее будет показываться мобильное.

На этом все, ничего сложного в этой нет.

Если у вас остались какие-либо вопросы — пишите их ниже к этому посту, буду рад ответить на них.

Комментарии