我正在做一個教程來學習Bootstrap 4(alpha 6)。我需要從bootstrap自定義原始的css配置。我的custom.scss文件不考慮Bootstrap 4 Alpha 6
爲此,我已經修改了_custom.scss:
// Bootstrap overrides
//
// Copy variables from `_variables.scss` to this file to override
default values
// without modifying source files.
$green:red;
我然後重新編譯bootstrap.scss文件(我使用prepros),當我重新加載頁面,一切都沒有改變。當我查看生成的bootstrap.css文件時,顏色仍然是bootstrap主題的默認綠色。
當我直接修改_variables.scss文件時,它完美地工作。
在我bootstrap.scss文件_custom.scss文件_variables.scss後輸入:
// Core variables and mixins
@import "variables";
@import "mixins";
@import "custom";
有沒有人對爲什麼這是行不通的線索?
[Bootstrap使用SCSS'!default's](https://stackoverflow.com/questions/10643107/what-does-default-in-a-css-property-value-mean)設置變量。嘗試導入'custom' _before_'變量'。 – Blazemonger
你可以發佈你的變量文件嗎? – dennispreston
今天晚上我會更新我的帖子。但變量文件是由bootstrap提供的默認值,我沒有改變任何東西。 –