更改警报信息文本颜色

Question

我正在使用bootstrap 3，我想更改警报信息和警报的文本颜色 危险，我希望文本变得更暗，我该怎么做？

我在bootstrap中搜索，我发现了以下内容，但没有找到文字颜色......

    .alert-info {
      background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
      background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
      background-repeat: repeat-x;
      border-color: #9acfea;

} 

Answer 1

查看Bootstrap自己网站上的Alerts section以及their Github repository上的无歧义CSS，我找不到您指定的任何CSS。相反，我只能找到以下内容：

.alert-info {
    color: #31708F;
    background-color: #D9EDF7;
    border-color: #BCE8F1;
}

如果您想让color更暗，可以使用像http://paletton.com这样的工具生成一些免费的深色颜色：

Answer 2

您可以使用customizer！

如果您想要更灵活，请下载source code，修改variables.less并使用LESS将其编译为CSS。

感兴趣的是@alert-info-bg变量。查看mixins/alerts.ess和alerts.less，了解其他颜色的生成方式。