我希望我的Navbar断点来自大到 中等屏幕。任何人都可以向我解释如何在代码中完全这样做吗?
在Overflowing Content
上的bootstrap网站上提到了这一点由于Bootstrap不知道导航栏中的内容需要多少空间,因此您可能会遇到内容包装到第二行的问题。要解决此问题,您可以:
减少导航栏项目的数量或宽度。 使用响应式实用程序类隐藏某些屏幕大小的某些导航栏项。
- 醇>
更改导航栏在折叠模式和水平模式之间切换的点。自定义
@grid-float-breakpoint
变量或添加您自己的媒体查询。
Bootstrap for mobile navbar breakpoint
中提到了这一点更改折叠的移动导航栏断点。当视口比
@grid-float-breakpoint
窄时,导航栏会折叠到其垂直移动视图中,并且当视口宽度至少为@grid-float-breakpoint
时,会扩展为其水平非移动视图。在Less
来源中调整此变量,以控制导航栏何时折叠/展开。默认值为768px(最小的"小"或"平板电脑"屏幕)。