php - 列表中的 Bootstrap 右拉徽章

Question

我使用 bootstrap 3.3.7，在我的边栏中我有一个来自 php while 函数的列表。

要为 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 帮助器类之一，将 float: right 应用于元素，并将为您提供所需的效果。