如何使引导导航栏下拉菜单的列表项徽章向右对齐？

在文档中badges http://getbootstrap.com/components/#badges，徽章嵌套在nav nav-pills nav-stacked class.

但我在导航栏中有一个使用徽章的下拉菜单。我认为这是因为它在一个.navbar or a .dropdown-menu或我申请时的“.nav-tabs”.pull-right对于徽章，它会换行，这是我不想要的。

有没有人有幸合并下拉菜单并将徽章放在右边？ （听听碧昂丝的歌）

您可以像对齐任何元素一样正确对齐徽章，例如我们可以使用float:right。在 Bootstrap 网站给出的示例中，徽章位于<span>元素。但我们不必这样做，例如我们可以将其添加到<div>，然后右对齐<div>。例如：

<div style="float:right" class="badge">42</div>

下拉菜单可能看起来像这样，例如：

<ul class="dropdown-menu" role="menu">
    <li><a href="#">
        <div style="float:left">Stuff</div>
        <div style="float:right" class="badge">42</div>
        <div style="clear:both"></div>
        </a>
    </li>
    <li><a href="#">Hello World</a></li>
</ul>

这是一个小提琴示例 http://jsfiddle.net/52VtD/8198/