如何覆盖 sass 中的引导变量？ [复制]答案

【问题标题】：How to override bootstrap variables in sass? [duplicate]如何覆盖 sass 中的引导变量？ [复制]
【发布时间】：2018-03-12 08:43:17
【问题描述】：

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

【问题讨论】：

【解决方案1】：

Bootstrap 4 大受欢迎。他们已经完全重写了它。因此，您可以非常轻松地覆盖变量。只需创建一个 _custom-variables.scss 文件并将其导入 bootstrap.scss 中的 _variables.scss 文件之前，如下所示。

复制要覆盖的变量，将其粘贴到 _custom-variables.scss 并根据需要更改值。同时删除 !default 属性。再次编译并完成。 !default 属性与 !important 相反。它将采用先前声明的变量的值。

【讨论】：