twitter-bootstrap - 即使对于桌面，如何在 Bootstrap 3.3.7 中强制汉堡菜单？

Question

我的代码看起来与此页面相同：

https://getbootstrap.com/docs/3.3/examples/navbar/

当我在手机中打开页面时，它看起来像这样：

但是当我在桌面上打开它时，它看起来像这样：

如何强制页面在桌面上看起来与在移动设备上一样？

即我想在该站点的桌面版本上提供一个汉堡菜单。

我尝试过的事情

• 我在页面max-width=480px的外部设置了 a div，但这没有帮助。

• 我还在 softwarerecs SE 上发布了一个相关问题（https://softwarerecs.stackexchange.com/questions/51989/a-css-framework-which-is-essentially-a-mobile-only-unresponsive-version-of- boo），顺便说一句，我认为这很愚蠢（库是编程固有的，所以应该允许库问题！）。

标签： twitter-bootstraptwitter-bootstrap-3

Answer 1

从引导文档：

更改折叠的移动导航栏断点

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

你可以使用这个自定义工具来自定义断点并编译它或者只是编辑 variables.less

@grid-float-breakpoint:   YOUR-BREAK-POINT