Как свернуть меню при 992 bootstrap?

Question

[Fredd Monty]

Бутстрап 3.
меню по умолчанию сворачивается на 767 в сендвич, как поменять что бы сворачивалось на 992?
Спасибо!

Answer 1

[HamSter]

Переопределить медиа запросы.

@media (min-width: 992px) {
		ваши стили 
}
@media (min-width: 767px) {
		ваши стили 

   
      .collapse.navbar-collapse.in { ... }
  
}

Вот как сделала бы я
Есть еще вариант влезть в стили бутстрапа и там править стили на свой вкус. Проблема если кто-то после Вас будет еще править верстку.

Comments

[HamSter]

Stas Fedorko: codepen.io/semenchenko/pen/BKmXBO
Это для примера как переопределить.

[HamSter]

Stas Fedorko: Можно менять разрешения, какие Вам нужны. Либо можно полезть в сам файл стилей бутстрапа и там поменять стили.

[HamSter]

Stas Fedorko: .custom .collapse.navbar-collapse.in {
display: block !important;
visibility: visible !important;
}

[HamSter]

Stas Fedorko: ну я вижу, что у тебя совершенно не так как в моем примере. Зайди в инструменты разработчика и посмотри. Меню остается открытым. Это элементарная задача.

[Fredd Monty]

спасибо!

Answer 2

[crescent]

Вот работающий алгоритм:
заходиш сюда:
bootstrap-3.ru/customize.php

Находиш поле @grid-float-breakpoint меняеш на 992px
Генерируешь bootstrap.css

Если ты у себя на проекте не менял либу то смело меняй ее на сгенерированную
Если же ты уже правил в ней что-то, то в сгенерированном файле ищещ поля 992 , 991 и копируешь стили с ними в свой бутстрап