bootstrap 学习笔记（二）

来源：互联网发布：扫频软件编辑：程序博客网时间：2024/05/13 06:59

上一篇：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;}

0 0