引导 SASS 网格浮点断点答案

【问题标题】：Bootstrap SASS grid-float-breakpoint引导 SASS 网格浮点断点
【发布时间】：2016-09-21 21:26:04
【问题描述】：

我的 main.scss 文件中有以下内容，我在其中定义了 Bootstrap 3.2.2 的变量，以尝试更改移动菜单显示的点。到目前为止，我所读到的所有内容都只是显示更改了 grid-float-breakpoint，但它根本没有改变。

我对手动调整 CSS 以匹配行为不感兴趣，所以调整这个变量是我唯一的偏好。

$screen-md-min: 960px !default;

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

// bower:scss
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss";
// endbower

请务必注意：Bootstrap 的所有其他方面和我的实现都运行良好。 main.scss 文件的所有其他更新都会通过 Browsersync + Gulp 反映在浏览器中。

结果与默认行为相同，导航显示在 767 像素及以下。

因为我在 WordPress 设置中使用的是 Roots'.io Sage，所以无法提供演示。

非常感谢任何帮助。

【问题讨论】：

标签： twitter-bootstrap sass

【解决方案1】：

事实证明上面的一切都很好。

问题涉及 Bootstrap 悬停修复 Bower 依赖项，其中包括 Bootstrap 作为依赖项，最终与 Bower bootstrap-sass-official 依赖项发生冲突。

干杯！

【讨论】：