change bootstrap menu breakpoint

Question

Я использую bootstrap 3.2 и контрольные точки по умолчанию. Я бы хотел, чтобы navbar превратился в мобильный режим на md (< 992px) вместо sm (< 767px) без изменения контрольных точек по умолчанию. Как мне сделать это лучше всего?

Answer 1

У вас есть 3 варианта:

1. редактировать файлы вручную - ужасно трудоемкая и не рекомендуется.
2. Посетите http://getbootstrap.com/customize/, укажите свои собственные контрольные точки и загрузите настроенную версию.
3. Используйте препроцессор CSS и настройте его в конце. Bootstrap provide версии для обоих Less и Sass.

Обратите внимание, что для вариантов 2 и 3 вы хотите изменить переменную @grid-float-breakpoint. В вашем примере вы хотите изменить значение от @screen-sm-min до @screen-md-min