twitter-bootstrap - 如何更改 Bootstrap 卡头的背景颜色？

Question

我正在尝试更改 background-color Bootstrap 的 card-header ，但是当我添加 background-color: #00AA9E它似乎以某种方式破坏了标题的外观..？有没有人见过这个？这与卡片嵌套的事实有关吗？它是 Bootstrap 中的错误吗？
Before background-color: #00AA9E
After background-color: #00AA9E

Answer 1

首先，由于您将字体颜色设置为白色，只需使用 text-white类(class)。

但是，每当我使用此代码时，我都没有同样的问题:

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
  <div class="card">
    <div class="card-header text-white" style="background-color: #00AA9E;">
      Featured
    </div>
    <div class="card-body">
      <h4 class="card-title">Special title treatment</h4>
      <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
      <a href="#" class="btn btn-primary">Go somewhere</a>
    </div>
  </div>
</div>

有没有其他东西会影响你没有向我们展示的风格？