css - 使用 Bootstrap 4 和 Sass(和 Bower)？

Question

我正在学习使用 Sass(以前从未使用过 CSS 预处理器)，我想知道如何将它与 Bootstrap 4 一起正确使用。

我应该在 header.php 文件中包含 bootstrap.min.css 吗？那么当我需要使用 Sass 混合或一些变量时，我是否将它包含在我的 .scss 文件中？

或

我是否应该在我的 styles.scss 中包含所有 bootstrap.scss，然后将其编译为一个 style.css 并只包含它？

Answer 1

您应该有一个主文件(Sass list )，您可以在其中导入 Sass 变量、mixins 和 partials 以及 Bootstrap 库。之后，Sass 将自动输出一个 CSS 文件，您可以将其包含在 header.php 文件中。

陷阱

• 仅从 Bootstrap 导入您需要的部分(而不是整个库)。这是一个 handly list where you can see the components you can choose from .
• 确保创建variables.scss file based on the template Bootstrap provides .
• 确保在导入 Bootstrap 库之前导入变量文件以使其生效。
• 在开发中以 watch 模式使用 Sass