Bootstrap导航栏控制崩溃

Question

我的桌面导航栏很长。 当我将浏览器调整为小尺寸时，导航栏项会制动行。 在Bootstrap折叠之前，它的大小为3行。 看起来很丑。

有一种方法可以控制Bootstrap何时在JS中显示折叠nanbar？

Answer 1

从Bootstrap文档中：

更改导航栏在折叠和水平模式之间切换的点。 自定义@ grid-float-breakpoint变量或添加自己的媒体查询。

Answer 2

如果使用的文件较少，则可以在variable.less中更改变量：

//** Point at which the navbar becomes uncollapsed.
@grid-float-breakpoint:     @screen-sm-min;
//** Point at which the navbar begins collapsing.
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);

否则，您可以添加一个新的媒体查询。