@grid-точка останова с плавающей точкой: @screen-desktop; не работает в bootstrap 3

#jquery #twitter-bootstrap #less #nav

#jquery #twitter-bootstrap #Меньше #навигация

Вопрос:

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

Ответ №1:

Изменение @grid-float-breakpoint с помощью настройщика начальной загрузки сработало для меня, как и ожидалось.

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

Ответ №2:

У вас все в порядке

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

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

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

Удачи 🙂