html - Bootstrap 页脚 - 如何将其右对齐并留出间距

Question

这是我的代码:

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

我不仅尝试将链接右对齐，还尝试给每个链接留一个间距，这样它们就不会紧挨着彼此。

我知道我可以正确 float 它并给它不是自己的 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 实用程序。