#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 к вашему проекту, чтобы устранить проблемы
Удачи 🙂