Twitter Bootstrap：更改导航栏折叠阈值，一侧

2018-07-02 02:09:37

我正在使用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处展开。

但是，我看到一个副作用。

当我调整浏览器的宽度在780像素和979像素之间（导航栏不再折叠的范围）时，我点击下拉菜单，它将不会显示下拉选项。如果我调整到980像素或更宽，然后我看到下拉选项。

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

有没有人遇到过这个？

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

晚会之后，为了后代的缘故：

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

链接地址: http://www.djcxy.com/p/89457.html