1. Bootstrap 解析
  2. 第七讲：徽章

Bootstrap 解析 第七讲：Badges（徽章）

Bootstrap 徽章

Demo

徽章

消息5 
				
<a href="#">消息<span class="badge">5</span></a>

按钮中的徽章

					
<button type="button" class="btn btn-default">消息  <span class="badge">5</span></button>
<button type="button" class="btn btn-primary">消息  <span class="badge">5</span></button>
<button type="button" class="btn btn-success">消息  <span class="badge">5</span></button>
<button type="button" class="btn btn-info">消息  <span class="badge">5</span></button>
<button type="button" class="btn btn-warning">消息  <span class="badge">5</span></button>
<button type="button" class="btn btn-danger">消息  <span class="badge">5</span></button>
<button type="button" class="btn btn-link">消息  <span class="badge">5</span></button>