html - 跨越页面的整个宽度

Question

所以我使用 Bootstrap 来编写带有页脚的页面。这是页脚的 HTML：

<div class="row">
             <div class="footer1 span12">
                 <span class="offset2">&copy 2013 Me</span>
            </div>
        </div>

这是它的CSS：

.footer1{
    margin-top:520px;
    background-color:#EFEFEF;
    font-size:.5em;
    padding-top:25px;
    padding-bottom:25px;
    border-top:1px solid black;
    border-bottom:1px solid black;
}  

然而由于某种原因，页脚没有跨越页面的整个宽度。我有一个 12 列的导航栏，它远远超出了页脚的宽度。页脚看起来只跨越 8 或 10 列。知道这里发生了什么吗？

Answer 1

像下面这样使用row-fluid，不要把它放在containerdiv 内，否则它不会跨越全角。

<div class="container">
 dont put footer inside it 
 </div>

<div class="row-fluid">
         <div class="footer1 span12">
             <span class="offset2">&copy 2013 Me</span>
        </div>
    </div>