Bootstrap 5 实用工具 文字颜色-背景颜色【bg-primary】

Bootstrap 5 实用工具 文字颜色-背景颜色【bg-primary】

<div class="container mt-3">

      <div class="p-3 mb-2 bg-primary text-white">.bg-primary</div>

      <div class="p-3 mb-2 bg-secondary text-white">.bg-secondary</div>

      <div class="p-3 mb-2 bg-success text-white">.bg-success</div>

      <div class="p-3 mb-2 bg-danger text-white">.bg-danger</div>

      <div class="p-3 mb-2 bg-warning text-dark">.bg-warning</div>

      <div class="p-3 mb-2 bg-info text-dark">.bg-info</div>

      <div class="p-3 mb-2 bg-light text-dark">.bg-light</div>

      <div class="p-3 mb-2 bg-dark text-white">.bg-dark</div>

      <div class="p-3 mb-2 bg-body text-dark">.bg-body</div>

      <div class="p-3 mb-2 bg-white text-dark">.bg-white</div>

      <div class="p-3 mb-2 bg-transparent text-dark">.bg-transparent</div>

    </div>

下面是演示效果