html - 尝试在 Bootstrap 页脚中的文本下方创建几个链接

Question

我有这个代码:

<div class= "footer">
        <p class="pull-left">Copyright 2013</p>
        <a href="#" class="btn-danger btn pull-right">Subscribe</a>

</div>

我试图在页脚的“Copyright 2013”​​文本下方放置两个间隔良好的链接。但每次我尝试时，即使使用“向左拉”，链接也会直接内联显示在它后面，没有空格。

这些是链接:

<p><a href="#">Terms</a></p>
<p><a href="#">Affiliates</a></p>

Answer 1

假设您希望订阅按钮保留在原处，只需将左拉移到 div 中，将版权移到 p 中，然后在下方放置您想要的任何链接，例如:

<div class= "footer">
    <div class="pull-left">
        <p>Copyright 2013</p>
        <p><a href="#">Terms</a></p>
        <p><a href="#">Affiliates</a></p>
    </div>
    <a href="#" class="btn-danger btn pull-right">Subscribe</a>       
</div>

JS fiddle 在这里:http://jsfiddle.net/QWbAa/1/

或者，或者，将它们分开:

<div class= "footer">
  <div class="clearfix">
    <p class="pull-left">
        Copyright 2013</p>
    <a href="#" class="btn-danger btn pull-right">Subscribe</a>
  </div>   

  <p><a href="#">Terms</a></p>
  <p><a href="#">Affiliates</a></p>
</div>

http://jsfiddle.net/QWbAa/