3

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

我知道它在 979 像素处折叠并在 980 像素处展开，我根据接受的答案将其更改为在 779 像素处折叠：

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

我修改了 bootstrap.responsive.css 

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

至

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

效果很好，我看到导航栏现在在 779 像素处折叠并在 780 像素处展开。

但是，我看到了副作用。

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

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

有没有人遇到过这个？

我怀疑在更改导航栏折叠阈值时需要更改下拉菜单（或其相关类）的其他媒体查询。但是，我一直无法找到解决方案。我将非常感谢任何帮助、见解或建议。谢谢！

4

1 回答 1

5

迟到了，但为了后代：

调整导航栏的大小时，您需要调整/覆盖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

于 2012-12-12T17:27:02.920 回答