我需要帮助使用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
答案 0 :(得分:11)
在锚标记中包含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>
希望这有帮助!