Question

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

错误消息：

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

路径：homepage.scss

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

Answer 1

您可以@import整个“ bootstrap” scss，然后定义自定义@include ...

@import "bootstrap";

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

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

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

这一切都取决于您还有哪些其他自定义项。

https://www.codeply.com/go/3zTbKtczVd

另请参阅：How to extend/modify (customize) Bootstrap 4 with SASS

在scss中使用@include时出错

1 个答案: