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>

这是一张图片,显示了带有徽章的admin cp链接: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>

希望这可以帮助!