@grid-float-breakpoint: @screen-desktop; не работает в начальной загрузке 3

Question

Я пытаюсь настроить навигацию в начальной загрузке, чтобы она свалилась при 992px вместо 768px, Я озадачен, почему @grid-float-breakpoint: @screen-desktop; не сработает Я использовал его раньше в других проектах, и все, что я читал в stackru, подсказывало, что это ответ. Я даже дошел до изменения переменной для @grid-float-breakpoint внутри bootstraps variables.less и скомпилировал его, используя grunt, и он все еще не работает. Я также пытался использовать @screen-md-min и до сих пор ничего. Какие-либо предложения?

Answer 1

Изменения @grid-float-breakpoint использование http://getbootstrap.com/customize/ сработало, как и ожидалось.

Я знаю, что это кажется очевидным, но вы уверены, что изменили свой <link/> указать на обновленный файл начальной загрузки CSS, и что в вашем браузере не кэширована старая версия?

Answer 2

У тебя все хорошо

"Панель навигации сворачивается в вертикальное мобильное представление, когда область просмотра уже, чем @grid-float-breakpoint, и расширяется в горизонтальное неподвижное представление, когда область просмотра имеет ширину не менее @ grid-float-breakpoint. Настройте эту переменную в Меньший источник для контроля, когда панель навигации разворачивается / разворачивается. Значение по умолчанию - 768 пикселей (самый маленький "маленький" или "планшетный" экран)

Может быть, у вас есть ошибка HTML? Проблема с кешем? Компилирование старых файлов?

Попробуйте скомпилировать на http://getbootstrap.com/customize/ и применить ot к вашему проекту для устранения проблем.

Удачи:)