nepster-web
@nepster-web

Как изменить размеры при изменении navbar в bootstrap 3 ?

Есть страница, на ней используетя bootstrap навигация. Когда меняется размер рабочей облости на более меньший, меню исчезает и появляется кнопка (при нажатии на которою это же меню выезжает).

Подскажите пожалуйста как управлять размерами, чтобы контролировать изчезнавение меню ?

Вот пример:
getbootstrap.com/examples/carousel

тоесть меню прячется когда рабочая область уменьшается. Как сделать, что бы полностью меню исчезало например не с 800пх, а с 500 ?
  • Вопрос задан
  • 7274 просмотра
Решения вопроса 1
Voltmod
@Voltmod
1. Понять суть getbootstrap.com/css/#grid-options - .col-xs-, .col-sm-, .col-md-, .col-lg-, hidden-xs, hidden-sm....
2. Компилировать css бутстрапа из less в ручную getbootstrap.com/customize/#media-queries-breakpoints с указанием необходимых величин для каждой переменнной .col-xs-, .col-sm-, .col-md-.....

или

3. Править css в ручную, искать media queries и менять там значения
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
yulsonka
@yulsonka
Просто измените условие сворачивания в соответствующем cssе - это правка media-query. Firebug в помощь, скорее всего это будет либо класс navbar, либо navbar-wrapper. Найти легко.
Ответ написан
Комментировать
kal1sha
@kal1sha
Full stack developer
Используйте css media
Ответ написан
Комментировать
redfieldone
@redfieldone
Старый , лысый и без денег.
Просто ипользуйте не bootstrap.min.css ,а bootstrap.css . Найдите @media и меняйте на здоровье . Потом уже минимизируйте
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы