我正在使用 Twitter Bootstrap 2.1.1 并使用类似于此示例的导航栏折叠和导航栏下拉列表Twitter Bootstrap Github page
我知道它在979px处崩溃并在980px处扩展，然后我将其更改为779px，基于 accepted answer ：
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下时它们会消失 .
有没有人遇到过这个？
我怀疑在更改导航栏折叠阈值时需要更改下拉菜单（或其相关类）的其他媒体查询 . 但是，我无法找到解决方案 . 我将非常感谢任何帮助，见解或建议 . 谢谢！
1 回答
迟到了，但为了后人的缘故：
调整导航栏大小时，需要调整/覆盖
bootstrap-responsive.css文件中的两个项目 .@media (max-width: 979px)=>@media (max-width: 1120px)和：
@media (max-width: 780px)=>@media (max-width: 1121px)（
1120px是导航栏折叠的阈值）看更多：https://gist.github.com/4269590