我正在学习使用Sass(以前从未使用过CSS预处理器),并且想知道如何在Bootstrap 4中正确使用它。
我应该在我的header.php文件中包含bootstrap.min.css吗?然后,当我需要使用Sass mixin或某些变量时,是否将其包括在我的.scss文件中?
要么
我应该将所有bootstrap.scss都包含在我的styles.scss中,然后将其编译为一个style.css并仅包含它吗?
谢谢你们的帮助。
最佳答案
您应该有一个主文件(一个Sass清单),在其中导入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库之前导入变量文件,以使其生效。
在开发中以监视模式使用Sass