是否有办法禁用和重写,或在从cdn 加载时覆盖Bootstrap 4的颜色主题?
基本上,我要查看html中的元素,例如<span class="btn btn-primary">My RED Button</span>
map-remove无效,因为我无法访问$ theme-colors。它来自CDN来源:
$theme-colors: map-remove($theme-colors, "success", "info", "danger", "primary");
我可以做$primary: red !default;
,但这只会影响我自己制作的课程。
使用!default添加$theme-colors (primary: red) !default
也没有效果。
有一个discussion about this,但据我所知,它不适用于从CDN加载的bootstrap。
我真的不希望覆盖每一个引导类只是为了获得正确的颜色,我真的不想在本地加载引导程序。
答案 0 :(得分:2)
除非有人认为有办法,否则在看了一段时间之后我的问题的答案是这样的:从CDN加载bootstrap加载编译的CSS并且没有办法覆盖否则应由sass和by编译的值覆盖Bootstrap颜色。 唯一的解决方案是使用sass在本地加载它,或者为要覆盖的每个元素创建重写类。
对于那些考虑覆盖的人来说,只需要注意一点 - 如果您使用sass,您可能需要下载原始引导源文件并复制mixins和元素映射,而不是覆盖已编译的代码。