在 Bootstrap 4 / SASS 中使用媒体断点 - _breakpoints.scss 不知道 $grid-breakpoints答案

【问题标题】：Using media breakpoints in Bootstrap 4 / SASS - _breakpoints.scss does not know $grid-breakpoints在 Bootstrap 4 / SASS 中使用媒体断点 - _breakpoints.scss 不知道 $grid-breakpoints
【发布时间】：2017-11-21 09:08:35
【问题描述】：

我正在尝试在 Bootstrap 4 中使用媒体查询。

在their website 他们这样做：

@include media-breakpoint-up(xs) { ... }
@include media-breakpoint-up(sm) { ... }
@include media-breakpoint-up(md) { ... }
@include media-breakpoint-up(lg) { ... }
@include media-breakpoint-up(xl) { ... }

// Example usage:
@include media-breakpoint-up(sm) {
  .some-class {
    display: block;
  }
}

所以我抓住了 Bootstrap SCSS，复制了 _breakpoints.scss 并将其包含在我的项目中。我导入它，然后尝试使用媒体查询：

@import "partials/breakpoints";

@include media-breakpoint-up(sm) {

  .mycontainer  {
    background-color: black;
  }
}

但是，我在编译 SASS 时收到以下错误：

检测到更改为：main.scss 错误页面/_geschichte.scss（第 54 行：未定义变量：“$grid-breakpoints”。）

我这样做是错误的方式还是需要包含更多文件？然后我尝试通过包含_grid.scss 来解决这个问题，但是为此，再次需要其他东西，所以我不确定这是否确实是正确的方法，并认为我最好问一下。

【问题讨论】：

标签： html css twitter-bootstrap sass

【解决方案1】：

您是否包含引导变量.scss？好像缺少变量

【讨论】：

起来！哦，我的上帝，就是这样！非常感谢，多么琐碎！ :D
@GeorgeWelder 请将此答案标记为正确。是的。