bootstrap标签 label 【六大类型:default;primary;success;info;warning;danger;】
<span class="label label-default">默认标签</span>
<span class="label label-primary">主要标签</span>
<span class="label label-success">成功标签</span>
<span class="label label-info">信息标签</span>
<span class="label label-warning">警告标签</span>
<span class="label label-danger">危险标签</span>
圆角
<span class="label-default" style="width: 30px;height: 30px;padding: 0;border-radius: 80%;display: inline-block;"></span>
<span class="label-success" style="width: 30px;height: 30px;padding: 0;border-radius: 80%;display: inline-block;"></span>
<span class="label-info" style="width: 30px;height: 30px;padding: 0;border-radius: 50%;display: inline-block;"></span>
<span class="label-primary" style="width: 30px;height: 30px;padding: 0;border-radius: 50%;display: inline-block;"></span>
<span class="label-warning" style="width: 30px;height: 30px;padding: 0;border-radius: 30%;display: inline-block;"></span>
<span class="label-danger" style="width: 30px;height: 30px;padding: 0;border-radius: 30%;display: inline-block;"></span>
display:
1、块级标签转换为行内标签:display:inline;
2、行内标签转换为块级标签:display:block;
3、转换为行内块标签:display:inline-block;