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

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 中，版权在 ap 中，然后在下面放置您想要的任何链接，例如：

<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小提琴在这里：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/