Twitter Bootstrap - 如何在列表项旁边添加徽章

Question

我需要帮助使用Twitter的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

- NaughtySquid

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>

希望这可以帮到你！

- Paulo Bu