我有这个代码:
<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>
最佳答案
假设您希望订阅按钮保留在原处,只需将左拉移到 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>
关于html - 尝试在 Bootstrap 页脚中的文本下方创建几个链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19361446/