Twitter Bootstrap：更改导航栏折叠阈值，对下拉菜单产生副作用

Question

我正在使用Twitter Bootstrap 2.1.1，并使用与Twitter Bootstrap Github页面类似的navbar collapse和navbar dropdowns的示例。

我知道它在979像素时折叠，在980像素时扩展，我根据这个已接受的答案去改变它在779像素时折叠： 如何使用Twitter bootstrap-responsive更改navbar折叠阈值？ 我修改了bootstrap.responsive.css。

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

到

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

这个功能很好，我发现导航栏现在在779像素时会折叠，在780像素时会展开。

然而，我看到了一个副作用。

当我将浏览器的宽度调整为780像素至979像素之间（导航栏不再折叠的范围内），并单击下拉菜单时，它不会呈现下拉选项。如果我将宽度调整为980像素或更宽，那么我就可以看到下拉选项。

我正在使用Firefox Firesizer，所以我可以查看宽度。事实上，如果我单击下拉菜单然后拖动窗口大小，我可以看到它在980像素处绘制下拉选项，然后在低于979像素时它们消失了。

有人遇到过这种情况吗？

我怀疑下拉菜单（或其相关类）可能有其他媒体查询需要在更改导航栏折叠阈值时进行更改。但是，我还没有能够找到解决方案。如果有任何帮助、见解或建议，我将非常感激。谢谢！

- Philip Tenn

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

- originalhat