如何覆盖sass中的bootstrap变量?

时间:2017-09-30 18:32:00

标签: html twitter-bootstrap variables sass frameworks

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

1 个答案:

答案 0 :(得分:12)

Bootstrap 4是一个很大的打击。他们完全重写了它。因此,您可以非常轻松地覆盖变量。只需创建一个 _custom-variables.scss 文件,然后在 _stariables.scss 文件中导入 bootstrap.scss ,如下所示。   enter image description here

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