如何覆盖sass中的bootstrap变量?

SUN*_*YAD 12 html variables frameworks sass twitter-bootstrap

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

SUN*_*YAD 17

Bootstrap 4是一个很大的打击.他们完全重写了它.因此,您可以非常轻松地覆盖变量.只需创建一个 _custom-variables.scss文件,然后在bootstrap.scss中的_variables.scss文件之前导入它,如下所示. 在此输入图像描述

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

  • 这部分非常有用:“!default 属性与 !important 相反。它将采用先前声明的变量的值。” (3认同)