Bootstrap移动导航

Question

我使用bootstrap制作菜单。当宽度小于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，然后在页面底部进行编译和下载！