Twitter bootstrap 3 Bootstrap 3导航栏跳到两行而不是崩溃？

我想我忽略了这里显而易见的一点，但我有一个Bookstrap 3导航栏，在桌面视图中效果很好，但当我挤压宽度，它达到平板电脑大小而不是折叠到切换菜单时，它会将菜单跳到两行：

我曾尝试通过媒体查询来减少导航栏中的文本大小，但这并不能解决问题

我错过了什么？ 谢谢。非常感谢。

---

NJ

一个解决方案可能是更改导航栏折叠的点，您可以通过创建一个并将

@网格浮动断点设置为更大的数字来实现

不幸的是，该变量还影响
.dl水平
内的
dt
和
dd
，这可能是一个问题

如果要使用媒体查询来减小
字体大小
，可以使用
.navbar default.navbar nav>li>a
选择器。但是，它需要在最小的视口大小下变为
9px
，以便仍然停留在一行上，这一行非常不可读。
来自：

内容泛滥
由于引导程序不知道navbar中的内容需要多少空间，因此在将内容包装到第二行时可能会遇到问题。要解决此问题，您可以：


减少导航栏项目的数量或宽度
使用响应实用程序类以特定屏幕大小隐藏某些导航栏项目
更改导航栏在折叠模式和水平模式之间切换的点。自定义
@grid float breakpoint
变量或添加您自己的媒体查询

它接着说：

更改折叠的移动导航栏断点
当视口的宽度小于
@网格浮动断点时，导航栏折叠为其垂直移动视图；当视口的宽度至少小于
@网格浮动断点时，导航栏扩展为其水平非移动视图。当导航栏折叠/展开时，在较少的源中调整此变量以进行控制。默认值为
768px
（最小的“小”或“平板”屏幕）

自定义引导区域中列出的网格浮动断点的值为@screen-sm-min。我是否只需将其更改为要编辑的数值？我自己从未为此自定义引导，但这正是应该做的。