無法自定義 Bootstrap 4（測試版）變量

Question

這就是我導入 style.css 的方式：

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

在style.scss的頂部，我有一些非 Bootstrap 代碼和以下內容：

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

我使用帶有 --output 壓縮的node-sass 。 它可以很好地壓縮引導程序和我的自定義 CSS。 但是，我根本無法成功覆蓋任何引導程序變量。 我想將主要藍色更改為深藍色：

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

並且此聲明的任何變體都不會這樣做。 我試過導入自定義 _variables.scss，我試過在其他行的中間之前、之后、中間聲明任何內容。 我已經嘗試過 !important 以及我可以在 Stack Overflow 上找到的所有內容。 :}

Answer 1

Bootstrap 4 Beta 2 解決了這個問題。在這里閱讀更多。 只需升級並按照您的預期開始定制。

我們改進了自定義 Sass 地圖的能力。 在 Beta 1 中，我們沒有適當的設置來修改您的 $theme-colors 地圖而不用批發替換它。 這已在 Beta 2 中修復 - 覆蓋現有值並根據需要添加更多值。