Изменение ширины экрана при которой меню сворачивается в меню для мобильных версий

Для изменения ширины экрана при котором меню сворачивается в "меню для мобильных версий" достаточно добавить в CSS следующий код
@media (max-width: 991px) {
.navbar-header { float: none; } 
.navbar-toggle { display: block; } 
.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } 
.navbar-collapse.collapse { display: none!important; } 
.navbar-nav { float: none!important; margin: 7.5px -15px; } 
.navbar-nav > li { float: none; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; } 
.navbar-text { float: none; margin: 15px 0; } 
/* since 3.1.0 */
.navbar-collapse.collapse.in { display: block!important; } 
.collapsing { overflow: hidden!important; }
}

Строка

@media (max-width: 991px)
позволяет указывать любую ширину экрана

sm = 991px,
md = 1199px

Просмотров: 121