Question

我有一个简单的html页面，我正在创建，在我的面板中，我需要标题有不同的颜色，而不用自定义css自己硬编码颜色。

是否有我可以使用的dropin css文件包含可以代替

使用的颜色

.success, .primary, .danger等。

为了使这一点更加清晰，我希望我的面板标题和其他可以使用

设置样式的组件

.success, .primary, .danger有其他颜色。

有没有人遇到这样的帮手？。

Answer 1

在这里你可以自定义css类的颜色。

对于每个元素，您可以更改默认颜色并使用您自己的图形元素颜色下载包。

Answer 2

为了使这一点更加清晰，我希望我的面板标题和其他可以使用.success，.primary，.danger设置样式的组件具有其他颜色。

如果您只想使用提到的类对站点内的某些特定面板标题进行样式设置，则必须将它们包含在外部类中，如此。

<div class="specific-headers">
  <div class="success">
    // ...
  </div>
</div>

然后在CSS文件中你可以像这样覆盖它们。

.specific-headers > .success {
  color: ...,
  background-color: ...
}

因此，您可以使用给定的类设计页面，但在其他地方使用标准颜色。

如果您希望应用这些类的所有元素都有另一种颜色。只需直接覆盖它们。

.success {
  color: ...,
  background-color: ...
}

请注意在Twitter Bootstrap之后包含您自己的CSS文件。否则，您的自定义将被覆盖。

我有一个简单的html页面，我正在创建，在我的面板中，我需要标题有不同的颜色，而不用自定义css自己硬编码颜色。

为什么你不想自己硬编码颜色。某处你必须指定你的颜色。我建议您使用SASS或LESS，这样您就可以使用变量来指定颜色。