您在 Bootstrap 4 SCSS 中将响应式混合放在哪里？答案

【问题标题】：Where do you put responsive mixins in Bootstrap 4 SCSS?您在 Bootstrap 4 SCSS 中将响应式混合放在哪里？
【发布时间】：2025-11-01 12:20:02
【问题描述】：

您在 Bootstrap 4 中将响应式混合放在哪里？ SCSS 我在 _custom.scss 和 mixins.scss 中尝试过，但 des 不起作用。我正在使用 Bootstrap 4 提供的 mixins，例如，

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

【问题讨论】：

【解决方案1】：

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

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

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

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

然后在您的网站中包含这个主文件的 CSS 结果。

【讨论】：