2012-10-02 3 views
3

Я использую Twitter Bootstrap 2.1.1 и использовать NavBar коллапсы и NavBar выпадающего подобные этому пример на Twitter Bootstrap Github pageTwitter Bootstrap: изменен порог коллапса Navbar, побочный эффект на выпадающих

Я знаю, что он падает в 979px и расширяется в 980px , и я пошел и изменил его, чтобы свернуть на 779px, на основе принятого ответа на:

How to change navbar collapse threshold using Twitter bootstrap-responsive?

Я изменил bootstrap.responsive.css

@media (max-width: 979px) {...} 

в

@media (max-width: 779px) {...} 

прекрасно работает, и я вижу, что Navbar в настоящее время разрушается на 779px и 780px расширяется.

Однако, я вижу побочный эффект.

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

Я использую Firefox Firesizer, поэтому я могу наблюдать за шириной. Фактически, если я нажимаю на раскрывающийся список, а затем перетаскиваю размер окна, я вижу, что он выводит раскрывающиеся параметры прямо на 980px, а затем исчезает, когда я перехожу под 979px.

Неужели кто-нибудь сталкивался с этим раньше?

Я подозреваю, что для раскрывающегося меню (или связанных с ним классов) есть другой медиа-запрос, который необходимо изменить при изменении порога краха панели навигации. Однако я не смог найти решение. Я был бы очень благодарен за любую помощь, понимание или рекомендации. Благодаря!

ответ

5

Late к партии, но для потомков ради:

При изменении размера Navbar вам нужно настроить/перезаписать два элемента в файле bootstrap-responsive.css.

  • @media (max-width: 979px) =>@media (max-width: 1120px)

И:

  • @media (max-width: 780px) =>@media (max-width: 1121px)

(1120px является порогом для распада NavBar)

посмотреть еще: https://gist.github.com/4269590

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