5

ページ上で静的にしながら、ページのフッターをウィンドウの全幅 (ナビゲーションバーなど) に合わせようとしましたが、その方法を理解できませんでした。

どうすればこれを行うことができますか？私は両方を試しました：

<div class="footer">
    <p>This is a footer</p>
</div>

と

<div class="navbar navbar-static bottom">
   <p>This is a static navbar</p>
</div>

ただし、どちらもページの幅を埋めるものではなく、両側に余白があります。ブートストラップで応答性の高いサイズ変更を台無しにせずにそれを変更するにはどうすればよいですか?

4

4 に答える 4

2

これを試して ：

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

クラスに background-color を追加.footerして効果を確認する

于 2013-12-24T10:22:07.530 に答える
1

この質問に答えるのはかなり遅いですが、ブートストラップ 3.0 以降を使用している場合

<footer class="section section-primary">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                </div>
                <div class="col-sm-6">
                </div>
            </div>
        </div>
  </footer>
于 2016-03-04T19:36:45.240 に答える