覆盖 Bootstrap 4 CDN 颜色映射

Ben*_*Ben 3 sass twitter-bootstrap 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");
Run Code Online (Sandbox Code Playgroud)

我可以,$primary: red !default;但这只会影响我自己创建的类。

添加$theme-colors (primary: red) !default!default 也没有效果。

有一个关于 this讨论,但据我所知,它不适用于从 CDN 加载的引导程序。

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

Ben*_*Ben 6

除非有人相信有办法,我看了一会儿之后的问题的答案是这样的:从 CDN 加载引导程序加载编译的 CSS 并且没有办法覆盖原本应该由 sass 编译的值,并通过覆盖引导颜色。唯一的解决方案是使用 sass 在本地加载它,或者为您希望覆盖的每个元素创建覆盖类。

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