css - 如何覆盖Bootstrap面板标题背景颜色？

我正在使用Bootstrap中的Panel作为标题，但我想使用自己的背景色作为标题。当我不为panel-heading放置div类时，布局就搞砸了。所以我认为我应该保留panel-heading，然后找到一种方法来覆盖背景色。因此，我决定创建一个自定义css类，并使用background-color，然后使用panel-heading将其添加到div中。但这没有任何效果。

知道如何覆盖面板的标题颜色吗？

码:

<div class="panel panel-default">
  <div class="panel-heading custom_class" >
  </div>
</div>

最佳答案

这应该工作:

.panel > .panel-heading {
    background-image: none;
    background-color: red;
    color: white;

}

关于css - 如何覆盖Bootstrap面板标题背景颜色？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26505033/