小编Chr*_*ner的帖子

如何在 SASS 中使用 Bootstrap 4 媒体断点?

在官方引导程序网站上,它说:

由于我们在 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;
  }
}
Run Code Online (Sandbox Code Playgroud)

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

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

@include media-breakpoint-up(xl) { ... }
Run Code Online (Sandbox Code Playgroud)

我收到一个错误:

未定义的混入

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

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

PS:我正在使用 Bootstrap 4,我更喜欢不需要 …

html css sass twitter-bootstrap bootstrap-4

11
推荐指数
1
解决办法
1万
查看次数

标签 统计

bootstrap-4 ×1

css ×1

html ×1

sass ×1

twitter-bootstrap ×1