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> 

希望这有助于！