如何在引导程序 4 测试版中使用 SASS 覆盖$brand主值?



我刚刚更新到Bootstrap 4测试版,我的颜色被破坏了。似乎他们替换了颜色变量,例如$brand-primarytheme-color("primary").在变量.scss中定义这些内容的唯一位置如下所示:

$theme-colors: (
primary: $blue,
secondary: $gray-600,
success: $green,
info: $cyan,
warning: $yellow,
danger: $red,
light: $gray-100,
dark: $gray-800
) !default;

所以我试图用:

$theme-colors: (
primary: #F5A637
);

在我的变量.scss文件中覆盖。但是,在那之后编译失败了,有什么想法吗?

回答我自己的问题。在最新的 Bootstrap v4 中,您需要编辑 $primary 变量。无需再使用颜色图。您还可以使用此工具自定义 Bootstrap 的 SASS 变量,预览更改并下载您自己的引导程序.css文件版本:http://bootstrap-4-live-customizer.com/。

最新更新