Bootstrap库提供了一些预设好的小标签，如果对色彩有进一步要求，可自行设置CSS背景颜色样式覆盖。

---

情景标签

<span class="label label-default">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>

运行一下

徽章

所谓的徽章就是<span class="badge">元素，一般用来标记未读信息的数量。

<a href="#">Inbox <span class="badge">42</span></a>

<button class="btn btn-primary" type="button">
  Messages <span class="badge">4</span>
</button>

运行一下