Twitter Bootstrap - 使页脚全宽

时间:2012-12-12 11:13:57

标签: css twitter-bootstrap

我试图让我的页脚像导航一样运行网页的整个宽度,但是我想将页脚的内容与上面的内容对齐。

<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>

我认为在页脚中添加类<div class="container narrow">会使内容居中,但这并没有奏效。有什么想法吗?

该网站位于此处 - http://www.openreachmarketing.co.uk/

1 个答案:

答案 0 :(得分:3)

您在.footer课程中定义了页脚背景。因此,您需要.footer来包裹.container.narrow

这在我尝试时有效:

<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>