Question

我正在尝试在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来解决这个问题，但是为此，还需要其他东西，所以我不确定这是否确实是正确的方式，并且我认为我最好问。

Answer 1

您是否包含bootstrap variables.scss？似乎缺少变量

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

1 个答案: