Bootstrap 4 仅网格 css，在我的 scss 样式中使用引导媒体查询

Question

我对 Bootstrap 4 和 Sass\SCSS 非常陌生，我想使用新网格并使用 SCSS 自己设置网站其余部分的样式，所以我下载了 bootstrap 源代码，编译了 bootstrap-grid.scss (这只是网格加上一些变量和混合），现在我脑海中浮现的问题是：如何以我自己的风格使用引导程序的媒体查询屏幕尺寸？是否有特定的混合/方式来调用断点？还是因为我只使用网格，所以我必须自己配置媒体查询？

我的想法是可能会有一个 mixin 让我可以这样做：

.my_class {
  color: red;
  +mobile {
  color: blue;
  }
}

bootstrap 有这样的东西吗？我必须自己做吗？仅使用网格时如何进行？

Answer 1

是的。 Bootstrap 4 中有许多 Sass 选项。您可以在 docs 中了解它们。