html - 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>

这是一张显示管理员 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某处声明。这可能是原因。

更新

它也可能有助于强制徽章像这样故意浮动：

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

希望这可以帮助！