这是我导入style.css的方式:
<link rel="stylesheet" type="text/css" href="/css/style.css?modified=1507947241"/>
在 style.scss 的顶部,我有一些非Bootstrap代码和以下内容:
@import "../node_modules/bootstrap/scss/bootstrap.scss";
我使用 node-sass 并使用--output压缩。它压缩bootstrap和我的自定义CSS就好了。但是,我根本无法成功覆盖任何引导变量。我想将主要蓝色更改为深蓝色:
$theme-colors: (
primary: #003366,
)
此声明不会有变化。我尝试导入自定义_variables.scss,我试图在其他行之前,之后,之后声明任何内容。我已经尝试了!重要的以及我在Stack Overflow上可以找到的一切。 :}
答案 0 :(得分:2)
Bootstrap 4 Beta 2解决了这个问题。 Read more here.只需按照您的预期升级并开始自定义。
我们提高了自定义Sass地图的能力。有了Beta 1,我们 没有设置来修改你的$ theme-colors地图而没有 替换它批发。这已在Beta 2覆盖现有修复中得到修复 值并根据需要添加更多。