徽章Badge

可添加至任何行元素内，自定义添加背景色，更多颜色属性请至属性中查询

<span class="badge">9</span>
<span class="badge bg-red">Hot</span>
<span class="badge bg-green">New</span>
<span class="badge bg-orange">orange</span>
<span class="badge bg-blue">blue</span>
<span class="badge bg-lime">lime</span>
<span class="badge bg-navy">navy</span>
<span class="badge bg-pink">pink</span>

链接Link

<a href="#" class="badge">9</a>
<a href="#" class="badge bg-red">Hot</a>
<a href="#" class="badge bg-green">New</a>
<a href="#" class="badge bg-orange">orange</a>
<a href="#" class="badge bg-blue">blue</a>
<a href="#" class="badge bg-lime">lime</a>
<a href="#" class="badge bg-navy">navy</a>
<a href="#" class="badge bg-pink">pink</a>

继承Inherit

添加class="inherit"使其继承父级元素的字体大小

<h1>h1. heading <span class="badge inherit">New</span></h1>

自定义风格Custom Style

可以使用自定义风格工具快速创建CSS

<span class="badge mystyle">span</span>
<a href="#" class="badge mystyle">Link</a>