Bootstrap在列表中的右拉徽章

Question

我使用bootstrap 3.3.7并在我的边栏中我有一个PHP函数列表。

要打印值和格式化为引导使用本：

<li><a href="page.php?home=<?php echo $home_id; ?>"><?php echo $home_desc; ?></a><span class="badge">10</span></li> 

有了这个代码，我有以下结果图像。

我试穿计算器解答了一些解决方案，但对我不起作用。如何拉正确的徽章？

Answer 1

你说你想把它拉到右边，但你没有添加任何东西。尝试添加pull-right类是这样的：

<li> 
    <span class="badge pull-right">10</span> 
    <!----------------^^^^^^^^^^^ --> 
    <a href="page.php?home=<?php echo $home_id; ?>"><?php echo $home_desc; ?></a> 
</li> 

的pull-right类是快速浮动的辅助类之一，适用于float: right的元素，会给你想要的效果。