Bootstrap页脚 - 如何将其对齐并给出间距

Question

这是我的代码:

<footer>
        <p>© Company 2014</p><a href="#">Pricing</a><a href="#">Contact</a><a href="#">Terms</a>
</footer>

我试图不仅将链接对齐到右边,而且还给每个链接一个间距,这样它们就不会直接相邻.

我知道我可以正确地浮动它并给它不是自己的CSS但是我试图避免使用自定义CSS,是否有任何css类或html标记我可以从bootstrap添加以获得此效果而无需添加自定义规则？

Answer 1

有关工作示例,请参阅Bootply.

    <footer>
      <p class="pull-left">© Company 2014</p>
      <div class="pull-right">
          <ul class="list-inline">
             <li><a href="#">Pricing</a></li>
             <li><a href="#">Contact</a></li>
             <li><a href="#">Terms</a></li>
          </ul>
      </div>
    </footer>

该list-inline实用程序使用inline-block额外的填充将所有内容放在一行中.它是一个Bootstrap实用程序.