twitter bootstrap - 在列表項旁邊獲取徽章

Question

我需要幫助使用twitters bootstrap。 （http://twitter.github.io/bootstrap/index.html）

我用一個列表

<li> 

隨着我希望顯示的列表項文本旁邊的徽章，問題是，它不斷去下面的文字，彷彿這是不在列表中的項目？

<ul class="dropdown-menu"> 
<li><a href="/admin.php">Admin CP</a> <span class="badge badge-important">1</span></li> 

以下示範，下面有個徽章管理面板鏈接的圖像：http://img195.imageshack.us/img195/3645/screenshotfrom201305201.png

Answer 1

包括錨標記像這裏面的span：

<li><a href="/admin.php">Admin CP <span class="badge badge-important">1</span> </a></li> 

並仔細檢查了span標籤在某處沒有聲明display:block或display:block-inline。這可能是原因。

UPDATE

而且它可能會幫助迫使徽章故意漂浮這樣的：

<span class="badge badge-important pull-right">1</span> 

希望這有助於！