0

そのため、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 列しかないように見えます。ここで何が起こっているのか分かりますか？

4

1 に答える 1

1

次のように使用し、 div row-fluid内に配置しないでください。そうしないと、全幅に広がりません。container

<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>
于 2013-02-22T02:22:36.087 に答える