推特引导:更改了导航栏崩溃阈值，对下拉菜单有副作用

Question

我正在使用Twitter Bootstrap 2.1.1，并使用类似于Twitter Bootstrap Github页面上的示例的导航栏折叠和导航栏下拉

我知道它在979px处崩溃，在980px处扩展，我根据接受的答案将其更改为779px处塌陷：

如何使用Twitter引导响应更改导航栏崩溃阈值？

我修改了bootstrap.responsive.css

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

至

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

效果很好，我看到导航栏现在在779px处塌陷，在780px处扩展。

然而，我看到了副作用。

当我调整浏览器大小，使其宽度在780px到979px之间(导航栏不再折叠的范围)，并单击下拉菜单时，它不会呈现下拉选项。如果我将大小调整为980px或更宽，那么我会看到下拉选项。

我正在使用Firefox Firesizer，所以我可以观察宽度。事实上，如果我点击一个下拉列表，然后拖动窗口大小，我可以看到它在980px处绘制下拉选项，然后当我低于979px时，它们就会消失。

以前有人见过这个吗？

我怀疑在更改导航栏折叠阈值时，下拉菜单(或其相关类)还有一些其他媒体查询需要更改。然而，我一直未能找到解决办法。如有任何帮助、见解或建议，我将不胜感激。谢谢

Answer 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