列表中的Bootstrap右拉徽章

Question

我使用bootstrap 3.3.7并且在我的侧边栏中我有一个来自php的列表，而不是函数。

要为bootstrap打印值和格式，请使用：

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

使用此代码，我的结果如下图所示。

我在stackoverflow的答案上尝试了一些解决方案，但对我不起作用。如何拉上徽章？

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应用于元素并为您提供所需的效果。