Bootstrap 导航栏控件折叠

【问题标题】：Bootstrap navbar control collapsingBootstrap 导航栏控件折叠
【发布时间】：2014-06-09 21:30:21
【问题描述】：

我有一个用于桌面视图的长导航栏。当我将浏览器调整为小尺寸时，导航栏项目会刹车线。在 Bootstrap 折叠它之前，它的大小达到 3 行。这样看起来很丑。

有办法控制Bootstrap什么时候在JS中显示collapse nanbar？

【问题讨论】：

标签： javascript twitter-bootstrap-3 navbar

【解决方案1】：

来自引导文档：

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

【讨论】：

【解决方案2】：

如果你使用的是less文件，你可以改变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);

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

【讨论】：