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，不要将它放在container div 中，否则它不会跨越全 Angular 。

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