twitter bootstrap - 在列表项旁边获取徽章

时间:2013-05-20 17:29:56

标签: html css twitter-bootstrap

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

1 个答案:

答案 0 :(得分:11)

在锚标记中包含span,如下所示:

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

仔细检查span标记是否在某处未声明display:blockdisplay:block-inline。这可能是原因。

<强>更新

它也可能有助于迫使徽章像这样故意浮动:

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

希望这有帮助!