2014-11-30 5 views
1

Я делаю меню используя бутстрап. Когда ширина меньше 767 пикселей, навигационное преобразование в навигацию для мобильных устройств. Мне нужно изменить 767px до 900px. Как я могу это сделать? Я искал в bootstrap.css, но не нашел.Bootstrap мобильный навигация

+0

Какая версия Bootstrap вы используете? И вы хотите изменить точку останова только для преобразования навигации или для всей страницы? –

+0

Я использую последнюю версию Bootstrap 3.3.1. Я хочу изменить точку останова только для преобразования навигации. Потому что есть много пунктов меню, и все они не помещаются, если ширина меньше 900 пикселей. –

ответ

1

Bootstrap v3 мобильный телефон. Это означает, что по умолчанию навигационная панель сбрасывается и делает элементы видимыми, когда экран больше. На documentation страницы под навигационной панелью он говорит:

навигационной панель коллапсирует в вертикальное мобильное зрение, когда видовой экран является более узким, чем @ сеткой-флоит-точка останова, и расширяется в горизонтальное немобильное зрение, когда окно просмотра по крайней мере @ grid-float-breakpoint по ширине.

Поэтому вам нужно будет изменить @grid-float-breakpoint. На странице customize говорится, что значение @grid-float-breakpoint равно @screen-sm-min и содержит значение @screen-sm. Поэтому в настоящее время по умолчанию установлено значение 768px, как и вы.


Чтобы сделать длинную историю короткой, используйте customizer и изменить @grid-float-breakpoint к 900px, скомпилировать и загрузить в нижней части страницы!

+0

Бастиан, я очень вам благодарен. Большое спасибо! –

+0

Нет проблем! Рад был помочь :) –

Смежные вопросы