Bootstrap - 为切换菜单设置断点

Question

使用Bootstrap 3我想为所有小于992px的视口设置切换菜单。

实现这一目标最合适的方式是什么？

非常感谢。

Answer 1

您必须在其LESS文件中设置@grid-float-breakpoint变量并自行构建，而不是使用预编译的变量。

@grid-float-breakpoint是导航栏未展开的点。它的默认值为@screen-sm-min，即@screen-sm = 768px。您可以将其更改为@screen-md-min @screen-md = 992px，这恰好是您想要的值。

Bootstrap的官方网站为您提供了一个自定义页面，无需触及LESS源本身即可完成。请参阅：http://getbootstrap.com/customize/#grid-system