在列表组徽章的右侧添加箭头

Question

我正在尝试在列表组中添加箭头图标（来自font-awsome）。问题是它出现在徽章的左侧而不是右侧。我该如何解决？

示例：

我的HTML（使用Bootstrap）：

   <ul class="list-group">
        <li class="list-group-item">Friends
            <span class="badge">0</span>
            <span class="icon-angle-right pull-right"></span>
        </li>
        <li class="list-group-item">Items
            <span class="badge">0</span> 
        </li>
    </ul>

Answer 1

默认情况下，.badge向右浮动，因此您需要更改元素的顺序：

<li class="list-group-item">Friends
    <span class="icon-angle-right pull-right"></span>
    <span class="badge">0</span>
</li>

<强> Demo fiddle