列表中的Bootstrap右拉徽章

时间:2016-11-27 16:41:24

标签: php css twitter-bootstrap

我使用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>

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

enter image description here

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

1 个答案:

答案 0 :(得分:2)

你说你想把它拉到右边,但你还没有添加任何东西。尝试添加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应用于元素并为您提供所需的效果。