我正在使用Twitter Bootstrap 2.1.1
并在Twitter Bootstrap Github page
我知道它以979px的速度崩溃,并以980px的速度扩展,然后我根据接受的答案将其更改为779px崩溃:
How to change navbar collapse threshold using Twitter bootstrap-responsive?
我修改了 bootstrap.responsive.css
@media (max-width: 979px) {...}
到
@media (max-width: 779px) {...}
效果很好,我看到导航栏现在以779px折叠并以780px扩展。
然而,我看到了副作用。
当我调整浏览器的大小以使其宽度介于780px和979px之间(导航栏不再折叠的范围)并且我单击下拉列表时,它将不会呈现下拉选项。如果我调整到980px或更宽,那么我会看到下拉选项。
我正在使用Firefox Firesizer,所以我可以观看宽度。事实上,如果我点击下拉菜单然后拖动窗口大小,我可以看到它在980px处绘制下拉选项,然后当我在979px下时它们会消失。
有没有人遇到过这个?
我怀疑在更改导航栏折叠阈值时需要更改下拉菜单(或其相关类)的其他媒体查询。但是,我无法找到解决方案。我将非常感谢任何帮助,见解或建议。谢谢!
答案 0 :(得分:5)
晚会,但为了后人的缘故:
调整导航栏大小时,您需要调整/覆盖bootstrap-responsive.css
文件中的两个项目。
@media (max-width: 979px)
=> @media (max-width: 1120px)
和
@media (max-width: 780px)
=> @media (max-width: 1121px)
(1120px
是导航栏崩溃的阈值)