对文本使用引导品牌颜色

Question

我正在使用 bootstrap 制作表单，我想将一些文本设置为“品牌颜色”，就像您在按钮中看到的那样。我知道使用 text-primary 等可用的文本颜色。 但是，我想为文本使用按钮颜色。

我试过了

<style>
  em {
    background-color: @brand-danger;
  }
</style>

我还在这里找到了引导颜色的默认值http://getbootstrap.com/css/#less，但我只想使用它们的变量或类而不手动使用十六进制值。 使用它们的颜色的方法是什么？

Answer 1

您需要创建自己的 LESS/SASS 源，将其与引导程序绑定，创建自定义样式，然后通过编译器运行它。 @brand-primary/$brand-primary 等变量仅在 LESS/SASS 语言中有意义。

而且，由于 BS4 正在走向 SASS，我建议（如果你正在走这条路）你也这样做。

---

示例（我将使用 LESS，因为它更常见）：

1. Download Bootstrap LESS 源码
2. 为您的项目创建一个新的 LESS 样式表并将其与其他样式表放在一起（例如 bootstrap.less、mixins.less 等）
3. 在bootstrap.less 中添加对新样式表的引用（这可以使用@import 指令完成，但请确保将其放在底部）。
4. Compile你的新款式。