如果引导程序版本较少(未编译),则需要更改@grid-float-breakpoint
变量为992px,以使导航栏在“Tablet”(中)断点上折叠。资料来源:
Changing the collapsed mobile navbar breakpoint
当视口的宽度小于@栅格浮动断点时,导航栏将折叠为其垂直移动视图;当视口的宽度至少为@栅格浮动断点时,导航栏将扩展为其水平非移动视图。在更少的源中调整此变量,以控制导航栏何时折叠/展开。默认值为768px(最小的“小”或“平板”屏幕)。
如果没有,并且您只对引导进行了几处更改,那么最好通过customiser再次下载:http://getbootstrap.com/customize/
访问页面,搜索@grid-float-breakpoint
(大约在页面的一半处)并将值更改为@screen-md-min
(请参见屏幕截图)。这将为您解决问题。
如果您不想重新编译引导,唯一的其他方法是创建一个覆盖介质查询,并将原始介质查询(768px)下的所有导航栏引用复制到其中。然而,这并不是一个理想的解决方案,可以确保您获得所有值得寻找的东西
bootstrap/less/navbar.less
github上的文件(
https://github.com/twbs/bootstrap/blob/master/less/navbar.less) 查找的任何实例
@media (min-width: @grid-float-breakpoint) { ... }
这就是您需要替换的代码。
@media (min-width: 992px) {
//All min-width: 768px navbar code
}