你在哪里把响应式mixin放在Bootstrap 4 SCSS中？

Question

你在哪里放置Bootstrap 4中的响应混音？ SCSS我在_custom.scss和mixins.scss中尝试但是没有用。我正在使用Bootstrap 4提供的mixins，

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

Answer 1

您应该创建一个新的主SCSS文件，首先导入Bootstrap 4，然后导入样式，如：

@import "path/to/bootstrap/scss/bootstrap";
@import "path/to/custom/scss/custom";

这样您就可以在custom.scss（或_custom.scss）中使用Bootstrap mixins。

（或者，如果您愿意，可以将SCSS规则直接放在此文件中，而不是第二次导入。）

然后只需在您的网站中包含此主文件的CSS结果。