平板电脑和移动尺寸上的折叠引导导航栏

Question

当屏幕尺寸为＆lt; = 750px时，我想折叠导航栏。

Answer 1

你没看过文档吗？

  

Changing the collapsed mobile navbar breakpoint

     

当视口比@grid-float-breakpoint窄时，导航栏会折叠到其垂直移动视图中，并且当视口的宽度至少为@grid-float-breakpoint时，会扩展为其水平非移动视图。在Less source中调整此变量，以控制导航栏何时折叠/展开。默认值为768px（最小的“小”或“平板电脑”屏幕）。

Answer 2

您可以使用Bootstrap的customization tool来构建Bootstrap的修改版本。从here开始，您可以将@ grid-float-breakpoint更改为Bootstrap定义的另一个断点（即xs，sm，md，lg）。

您需要根据下图中突出显示的红色进行修改。

完成后，导航至Download部分，然后点击“编译并下载”

＆安培;然后使用它bootstrap js＆amp; CSS。