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中，否则它不会跨越全宽。

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

跨越页面的整个宽度

1 个答案: