颜色工具

主题色

Bootstrap 的六组主题色：

语义色

背景色

使用 .bg-{color} 设置背景色，支持所有主题色和灰度色：

<div class="bg-primary text-white">主要背景</div>
<div class="bg-success text-white">成功背景</div>
<div class="bg-danger text-white">危险背景</div>
<div class="bg-warning">警告背景</div>
<div class="bg-info">信息背景</div>
<div class="bg-light">浅色背景</div>
<div class="bg-dark text-white">深色背景</div>
<div class="bg-body">页面背景色</div>
<div class="bg-white">白色背景</div>
<div class="bg-transparent">透明背景</div>

文本色

<p class="text-primary">主要文本</p>
<p class="text-success">成功文本</p>
<p class="text-danger">危险文本</p>
<p class="text-warning">警告文本</p>
<p class="text-info">信息文本</p>
<p class="text-muted">弱化文本</p>
<p class="text-white bg-dark">白色文本</p>
<p class="text-dark">深色文本</p>
<p class="text-body">正文色</p>
<p class="text-black-50">半透明黑色</p>
<p class="text-white-50 bg-dark">半透明白色</p>

背景色渐变

<div class="bg-primary bg-gradient text-white p-3">带渐变的背景</div>