2

这就是我导入 style.css 的方式：

<link rel="stylesheet" type="text/css" href="/css/style.css?modified=1507947241"/>

在style.scss的顶部，我有一些非引导代码和以下内容：

@import "../node_modules/bootstrap/scss/bootstrap.scss";

我使用带有 --output 压缩的 node-sass 。它可以很好地压缩引导程序和我的自定义 CSS。但是，我根本无法成功覆盖任何引导变量。我想将主蓝色更改为深蓝色：

$theme-colors: (
  primary: #003366,
)

并且此声明的任何变体都不会这样做。我尝试过导入自定义 _variables.scss，尝试在其他行的中间、之前、之后声明任何内容。我已经尝试了 !important 以及我在 Stack Overflow 上可以找到的所有内容。:}

4

1 回答 1

2

Bootstrap 4 Beta 2 解决了这个问题。在这里阅读更多。只需升级并按照您的期望开始定制。

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

于 2017-10-20T17:09:43.597 回答