基本样式

标签 Tag
<span class="label">标签</span>

标签和徽标的颜色

Default Primary Success Info Warning Danger
<span class="label">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>

徽标

.label-badge

12 Primary Success Info Warning Danger
<span class="label label-badge">Default</span>
<span class="label label-badge label-primary">Primary</span>
<span class="label label-badge label-success">Success</span>
<span class="label label-badge label-info">Info</span>
<span class="label label-badge label-warning">Warning</span>
<span class="label label-badge label-danger">Danger</span>

小圆点徽标

12 Primary Success Info Warning Danger
<span class="label label-dot">Default</span>
<span class="label label-dot label-primary">Primary</span>
<span class="label label-dot label-success">Success</span>
<span class="label label-dot label-info">Info</span>
<span class="label label-dot label-warning">Warning</span>
<span class="label label-dot label-danger">Danger</span>

按钮中的徽标







<button class="btn">列表 <span class="label label-badge">12</span></button>

列表组中的徽标和标签

<div class="list-group">
  <a href="#" class="list-group-item">Project <span class="label label-success">New</span></a>
  ...