bootstrap 学习笔记（二）

上一篇：bootstrap 学习笔记（一）

【徽章】

<span class="badge">1</span>
<span class="badge badge-danger">2</span>
<span class="badge badge-success">3</span>
<span class="badge badge-warning">4</span>
<span class="badge badge-info">5</span>

注意：bootstrap 默认只有灰色，并没有包含其他颜色，因此我们需要自定义 css 样式，颜色才能生效

/** 选中 #C7DAF2 **/
.badge-danger{background-color: #D9534F;}
.badge-success{background-color: #5CB85C;}
.badge-warning{background-color: #F0AD4E;}
.badge-info{background-color: #5BC0DE;}

.badge-content-default{background-color: #FFFFFF; color: A7A9AA;}
.badge-content-danger{background-color: #5BC0DE; color: A7A9AA;}
.badge-content-success{background-color: #5BC0DE; color: A7A9AA;}
.badge-content-warning{background-color: #5BC0DE; color: A7A9AA;}
.badge-content-info{background-color: #5BC0DE; color: A7A9AA;}