bootstrap——颜⾊(⽂本、背景、边框)颜⾊
⽂本颜⾊:
text-muted"柔和的⽂本
text-primary 重要的⽂本
一家人吃饭简笔画
text-success执⾏成功的⽂本
text-info代表提⽰信息的⽂本
text-warning警告⽂本
text-danger危险操作⽂本
text-condary副标题
亲子活动策划方案
text-dark深灰⾊⽂本
text-light浅灰⾊⽂本
text-white⽩⾊⽂本
<p class="text-muted">柔和的⽂本</p>
<p class="text-primary">重要的⽂本</p>
<p class="text-success">执⾏成功的⽂本</p>
百合鸡汤<p class="text-info">代表提⽰信息的⽂本</p>
<p class="text-warning">警告⽂本</p>
<p class="text-danger">危险操作⽂本</p>
<p class="text-condary">副标题</p>
<p class="text-dark">深灰⾊⽂本</p>
<p class="text-light">浅灰⾊⽂本</p>
<p class="text-white">⽩⾊⽂本</p>
背景颜⾊:
bg-primary 重要的背景颜⾊
bg-success执⾏成功的背景颜⾊
无性婚姻
贺词祝福语bg-info信息提⽰背景颜⾊
bg-warning警告背景颜⾊
bg-danger危险背景颜⾊
bg-condary副标题背景颜⾊
bg-dark深灰背景颜⾊
bg-light浅灰⾊背景颜⾊
<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-condary text-white">副标题背景颜⾊</p> <p class="bg-dark text-white">深灰背景颜⾊</p>
打电话的目的<p class="bg-light text-dark">浅灰背景颜⾊</p>
边框颜⾊:
border-primary 重要的背颜⾊边框博闻强识的意思
border-success执⾏成功的颜⾊边框
border-info信息提⽰颜⾊边框
border-warning警告颜⾊边框
冰箱结冰怎么办border-danger危险颜⾊边框
border-condary副标题颜⾊边框
border-dark深灰颜⾊边框
border-light浅灰⾊颜⾊边框
border-white⽩⾊边框
<span class="border border-primary"></span>
<span class="border border-success"></span> <span class="border border-info"></span>
<span class="border border-warning"></span> <span class="border border-danger"></span>
<span class="border border-condary"></span> <span class="border border-dark"></span>
<span class="border border-light"></span>
<span class="border border-white"></span>