无法自定义Bootstrap 4(Beta)变量

时间:2017-10-14 02:30:12

标签: twitter-bootstrap twitter-bootstrap-4 node-sass twitter-bootstrap-4-beta

这是我导入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上可以找到的一切。 :}

1 个答案:

答案 0 :(得分:2)

Bootstrap 4 Beta 2解决了这个问题。 Read more here.只需按照您的预期升级并开始自定义。

  

我们提高了自定义Sass地图的能力。有了Beta 1,我们   没有设置来修改你的$ theme-colors地图而没有   替换它批发。这已在Beta 2覆盖现有修复中得到修复   值并根据需要添加更多。