相关疑难解决方法(0)

在官方引导程序网站上，它说：

由于我们在 Sass 中编写我们的源 CSS，我们所有的媒体查询都可以通过 Sass mixins 获得：

@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;
  }
}

现在，我将 SASS 用于我的 CSS，我也在使用 Bootstrap，但我只是通过将它们包含在 HTML 中来将两者结合起来。

当我尝试在我的 SASS 文件中做这样的事情时：

@include media-breakpoint-up(xl) { ... }

我收到一个错误：

未定义的混入

我猜这是因为我的 SASS 文件不知道 Bootstrap，因为我只在 HTML 中包含了 Bootstrap。

如何将 Bootstrap 4 作为部分包含在我的 SASS 文件中？（我想这就是我必须做的......）

PS：我正在使用 Bootstrap 4，我更喜欢不需要 …

我是 Bootstrap 世界的新手，但有一个问题如下。

我了解到可以根据屏幕尺寸更改列宽，如下所示：

<div class="col-lg-4 col-md-6 col-sm-8 col-xs-12 bg-warning">
<h1>Hello, world!</h1>
This is some text that I wanted to include here.
</div>

我在那里添加了背景警告，因为我的问题是 - 是否可以随着屏幕宽度的变化而更改背景颜色 - 正如我们能够使用列宽本身一样？

例如，大屏幕 - bg-warning、Medium、bg-success 等

我正在尝试在我的项目中使用Bootstrap v4变量,但它存储在array(_variables.scss)中:

$grid-breakpoints: (
  xs: 0,
  sm: 544px,
  md: 768px,
  lg: 992px,
  xl: 1200px
) !default;

我怎样才能在我的sass中引用它:

@media(max-width: $grid-breakpoints[xs]) {
  font-size: 20px;
}