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