覆盖 Bootstrap 4 CDN 颜色映射 [重复]答案

【问题标题】：Override Bootstrap 4 CDN color maps [duplicate]覆盖 Bootstrap 4 CDN 颜色映射 [重复]
【发布时间】：2018-11-10 21:54:03
【问题描述】：

有没有办法禁用和重写，或覆盖 Bootstrap 4 的颜色主题从 cdn 加载时？

本质上，我是在我的 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 加载的引导程序。

我真的不喜欢为了获得正确的颜色而重写每个引导程序类，我真的不喜欢在本地加载引导程序。

【问题讨论】：

您不能使用 SCSS，但您可以使用自定义 CSS 覆盖某些颜色。
您是在使用 SASS 编译器.. 还是说您只想使用 CSS？
answer 解释了如何使用 SASS 覆盖主主题颜色。因此，您可以参考 CDN 上的 bootstrap.min.css 并按照其他 answer 中的说明使用 SASS 编译的自定义 theme.css 跟随它。
@ZimSystem，“在 CDN 上引用 bootstrap.min.css”是什么意思？你能给出详细的答案来解释你的解决方案吗？

标签： twitter-bootstrap sass bootstrap-4

【解决方案1】：

除非有人相信有办法，我看了一会儿之后的问题的答案是：Loading bootstrap from CDN loadingcompiled CSS and there is no way to override values that should be compiled by sass and by覆盖引导颜色。唯一的解决方案是使用 sass 在本地加载它，或者为您希望覆盖的每个元素创建覆盖类。

对于那些考虑覆盖的人来说只有一个注意事项 - 如果您使用的是 sass，您可能希望下载原始引导源文件并复制混合和元素映射，而不是使用编译后的代码覆盖。

【讨论】：