本文介绍了Twitter Bootstrap - 使页脚全宽的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我试图让我的页脚像导航一样在网页的整个宽度上运行，但是我想将页脚的内容与上面的内容对齐.
<div class="容器狭窄"><div class="row-fluid footer"><div class="span4">我试图让我的页脚像导航一样在网页的整个宽度上运行，但是我想将页脚的内容与上面的内容对齐.
<div class="容器狭窄"><div class="row-fluid footer"><div class="span4"><div class="span3">
<div class="span5">
</页脚>
我认为在页脚内添加类 <div class="container窄"> 会使内容居中，但这并没有奏效.有什么想法吗?
该网站位于此处 - http://www.openreachmarketing.co.uk/
您在 .footer 类中定义了页脚背景.所以你需要 .footer 来包裹 .container.narrow.
这在我尝试时有效:
<div class="footer"><div class="容器窄排流体"><div class="span4"><div class="span3">
<div class="span5">
</页脚>
I'm trying to make my footer run the whole width of the web page like the navigation, however I want to centre the content of the footer inline with the content above.
<footer>
<div class="container narrow">
<div class="row-fluid footer">
<div class="span4">
</div>
<div class="span3">
</div>
<div class="span5">
</div>
</div>
</div>
</footer>
I thought that adding the classes <div class="container narrow"> inside the footer would centre the content but this has not worked. Any ideas?
The site is available here - http://www.openreachmarketing.co.uk/
You have the footer background defined in the .footer class. So you need .footer to wrap around .container.narrow.
This works when I try:
<footer>
<div class="footer">
<div class="container narrow row-fluid">
<div class="span4">
</div>
<div class="span3">
</div>
<div class="span5">
</div>
</div>
</div>
</footer>
这篇关于Twitter Bootstrap - 使页脚全宽的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！