<div style="width:70%">

? ? <ul class="list-group">

? ? ? ? <li class="list-group-item"><a href="#" style="display:block">性能優化之PHP優化<span class="badge">23</span></a></li>

? ? ? ? <li class="list-group-item"><a href="#" style="display:block">Canvas繪圖詳解<span class="badge">34</span></a></li>

? ? ? ? <li class="list-group-item"><a href="#" style="display:block">玩轉Bootstrap<span class="badge">5</span></a></li>

? ? ? ? <li class="list-group-item"><a href="#" style="display:block">基于Bootstrap的網頁開發<span class="badge">13</span></a></li>

? ? </ul>

</div>

這樣做出來的徽章會跟在link后面，怎么讓它右對齊又是可點擊區域的