代码示例:(标识:bs_txt_bgcolors)
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap 实例</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.1.2/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.1.2/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container mt-3">
  <h1>上下文背景</h1>
  <p>请使用上下文背景类来提供“由颜色表达的某种意义”。</p>
  <p>请注意,如果您想要不同的文本颜色,您还可以添加 .text-* 类:</p>
  <p class="bg-primary text-white">此文本很重要。</p>
  <p class="bg-success text-white">此文本表示成功。</p>
  <p class="bg-info text-white">此文本代表了一些信息。</p>
  <p class="bg-warning text-white">此文本表示警告。</p>
  <p class="bg-danger text-white">此文本代表危险。</p>
  <p class="bg-secondary text-white">次要背景颜色。</p>
  <p class="bg-dark text-white">深灰色背景颜色。</p>
  <p class="bg-light text-dark">浅灰色背景色。</p>
</div>

</body>
</html>
运行结果: