Bootstrap 移动断点扩展导航答案

【问题标题】：Bootstrap mobile breakpoint expands navBootstrap 移动断点扩展导航
【发布时间】：2014-07-15 22:52:26
【问题描述】：

我有一个使用 Bootstrap 的 WordPress 网站。出于某种原因，当我调整 Chrome 窗口时，在移动断点中（当窗口与断点的宽度完全相同时），移动导航会扩展。当它大于或小于断点时，它就会崩溃。

这主要是烦恼，但我无法弄清楚。为什么会这样？

编辑：

这是 _variables.scss 代码：

$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
$screen-phone:               $screen-xs-min !default;

编辑编辑：

更改 _variables.scss 行：

$grid-float-breakpoint-max: ($grid-float-breakpoint -1) !default;

到

$grid-float-breakpoint-max: ($grid-float-breakpoint) !default;

解决了这个问题。 @henrywright 的解决方案是正确的，谢谢。

【问题讨论】：

分享您的代码或网站链接
@Muleskinner，很遗憾我无法链接到该网站，因为它尚未发布。我将添加代码，但恐怕它没有多大帮助，因为我无法确定问题所在。这就是为什么我希望比我更熟悉 Bootstrap 的人能够解释为什么会发生这种情况。

【解决方案1】：

使用Customizer，尝试调整@grid-float-breakpoint 的值。这将修改导航栏展开的点。

【讨论】：

谢谢亨利。你有什么想法，为什么 $grid-float-breakpoint-max: 设置为 ($grid-float-breakpoint -1)？为什么是-1？编辑：我的意思是为什么它在 Bootstrap 中默认设置为 -1？
@grid-float-breakpoint-max 默认设置为 (@grid-float-breakpoint - 1) 的原因是导航栏开始折叠之前它变得未折叠。