0

我通过 CDN 包含 Bootstrap5,如下所示:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">

链接我在哪里找到此代码

我的目标: 我想将引导颜色的颜色从default-blue更改为red-tone。听起来很容易,对吧?好吧,不是:如果您首先包含 boostrap CDN,然后是您自己的 css(如您所愿)并添加代码

--bs-secondary: rgb(243, 113, 33)

的颜色.btn-secondary不变。

为了改变颜色,.btn-secondary我必须手动改变这个类的 css。如果您想更改 5 种颜色或其他变量,这可能会非常低效。

因此,我的问题是: 是否有一种简单的方法可以通过 CDN 使用 Bootstrap5 覆盖自定义属性(=css 变量)?

4

0 回答 0