如何创建_custom.scss以覆盖Bootstrap 4 alpha 6中的变量

Question

我正在尝试自定义Bootstrap 4 alpha 6主题.我想将_variable.scss文件中的设置复制到_custom.scss以覆盖.但我没有在源代码中找到_custom.scss文件.如何在项目中添加此_custom.scss文件？

Answer 1

我在这里、这里和这里注意到了你的问题注意到了你的问题：

\n\n

\n

\xe2\x98\x90 考虑实施_custom.scss更简单的内置变量覆盖吗？

\n

\n\n

因此，因为您的 Bootstrap 4 没有附带文件_custom.scss，您只需重新创建bootstrap/scss/_custom.scss.

\n\n

然后编辑bootstrap/scss/bootstrap.scss它应该是什么：

\n\n

// Core variables and mixins\n@import "variables";\n@import "mixins";\n@import "custom";\n

\n\n

然后按照自定义变量

\n\n

\n

Bootstrap 4 [据说]附带了一个_custom.scss文件，可以轻松覆盖/scss/_variables.scss. 将相关行从那里复制并粘贴到_custom.scss文件中，修改值，然后重新编译 Sass 以更改我们的默认值。请务必删除!default从覆盖值中删除该标志。

\n

\n