覆盖Bootstrap 4 CDN彩色地图

时间:2018-05-31 19:55:11

标签: twitter-bootstrap sass bootstrap-4

是否有办法禁用和重写,或在从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。

我真的不希望覆盖每一个引导类只是为了获得正确的颜色,我真的不想在本地加载引导程序。

1 个答案:

答案 0 :(得分:2)

除非有人认为有办法,否则在看了一段时间之后我的问题的答案是这样的:从CDN加载bootstrap加载编译的CSS并且没有办法覆盖否则应由sass和by编译的值覆盖Bootstrap颜色。 唯一的解决方案是使用sass在本地加载它,或者为要覆盖的每个元素创建重写类。

对于那些考虑覆盖的人来说,只需要注意一点 - 如果您使用sass,您可能需要下载原始引导源文件并复制mixins和元素映射,而不是覆盖已编译的代码。