Sass 将@include与SCS一起使用时出错

如何让媒体查询在引导中工作？我有一个SCSS文件，我想我需要导入一些东西，但我不知道是什么

错误消息：

Scss compiler error: Error: no mixin named media-breakpoint-up

路径：

homepage.scss

@include media-breakpoint-up(sm) {
  h1.home-page {
    font-size: 3rem;
  }
}

---

您可以@import整个“引导”SCS，然后定义自定义@include

@import "bootstrap";

@include media-breakpoint-up(sm) {
  h1.home-page {
    font-size: 3rem;
  }
}

或，您可以导入函数、变量和mixin（因为这只包括mixin所需的内容）

这完全取决于您有哪些其他定制

---

---

另请参见：

是否使用编译版本（.css）的引导？

@import "bootstrap/functions";
@import "bootstrap/variables";
@import "bootstrap/mixins";

/* change col style on sm only */
@include media-breakpoint-up(sm) {
  h1.home-page {
    font-size: 3rem;
  }
}

@import "bootstrap";