Question

我正在将Bootstrap 4与sass（scss file）配合使用，并希望将.mx-2类的属性应用于新的类。从理论上讲，例如：

.MyCustomClass{
  @extend .mx-2;
}

但是显然，编译器找不到.mx-2选择器，并且它失败了。我知道mx-2类是通过混合使用$size，$length，$spacers和$breakpoint等创建的。所以我改变了它：

.MyCustomClass{
  margin-left: ($spacer * .5) !important;
  margin-right: ($spacer * .5) !important;
}

我想知道：

Answer 1

“但是显然，编译器找不到.mx-2选择器，但它失败。”

它应该可以工作，但是您首先需要@import "bootstrap"。任何@extend应该在导入之后 ...

@import "bootstrap";

.MyCustomClass{
  @extend .mx-2;
}