Twitter Bootstrap - 使页脚全宽

Question

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

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

Answer 1

您在.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>