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);

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