Bootstrap設置card的底色

 Bootstrap 的 Card 元件提供了多種方式來設定底色，以下列舉其中幾種：

1. 使用內建的背景色 class：Bootstrap 提供了多種背景色的 class，可直接套用在 Card 元件上，例如：

<div class="card bg-primary">

  <div class="card-body">

    This card has a primary background color.

  </div>

</div>

2. 自定義背景色：如果需要使用其他顏色，可以在 CSS 中自定義背景色，例如：

<style>

  .my-card {

    background-color: #f1c40f;

  }

</style>

<div class="card my-card">

  <div class="card-body">

    This card has a custom background color.

  </div>

</div>

3. 使用線性漸層背景色：Bootstrap 也提供了線性漸層背景色的 class，可實現更豐富的視覺效果，例如：

<div class="card bg-gradient-primary">

  <div class="card-body">

    This card has a linear gradient background color.

  </div>

</div>

以上是幾種常見的設定 Card 元件底色的方式，可以根據實際需求選擇適合的方法。