Bootstrap 移动导航

Question

我使用引导程序制作菜单。当宽度小于 767px 时，导航转换为移动导航。我需要将 767px 更改为 900px。我怎样才能做到这一点？我在bootstrap.css中搜索了，但没有找到。

Answer 1

Bootstrap v3 是移动优先的。这意味着默认情况下，导航栏是折叠的，并且当屏幕变大时会显示项目。 在导航栏下的documentation 页面上显示：

当视口比@grid-float-breakpoint 窄时，导航栏折叠到其垂直移动视图，当视口宽度至少为@grid-float-breakpoint 时，导航栏展开到其水平非移动视图。

因此您必须更改@grid-float-breakpoint。查看customize 页面，它说@grid-float-breakpoint 的值是@screen-sm-min，其中包含@screen-sm 的值。所以它目前默认设置为768px，就像你经历的那样。

---

长话短说，使用customizer，将@grid-float-breakpoint改为900px，在页面底部编译下载！