引导v.2.2.
Bootstrap团队添加了几个CSS变量用于实时定制。
今天我想把所有的"；初级-"；在飞行中控制。
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
:root {
--bs-primary: green;
}
</style>
</head>
<body>
<button type="button" class="btn btn-primary">Hello</button>
<div class="spinner-border text-primary"></div>
</body>
</html>
在我的样本中，我期望两个对照都是"0"；绿色"；，但事实并非如此。我显然做错了什么——或者可能我不理解用CSS变量配置Bootstrap的整个概念。
请帮忙吗？
我知道我可以在编译时通过scs修改所有颜色，但在我的场景中，这是而不是选项。我需要一个(简单的(运行时解决方案。
-bs主类未在btn主类中使用。除非使用SASS，否则无法执行此操作请参见此示例。https://www.codeply.com/p/iauLPArGqE您可以在VS代码中使用实时SASS编译器