徽章Badge

可添加至任何行元素内,自定义添加背景色,放置在元素内部的右边,默认是向左偏移的,更多颜色属性请至属性中查询

9 Hot New orange blue lime navy pink
<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. headingNew

h2. headingNew

h3. headingNew

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