ブートストラップ3でフッタをフルウィンドウの幅にする方法は？

Question

私は、ページ上で静止している間に、ウィンドウの全幅（ナビゲーションバーのような）に行くように私のページ上のフッタを取得しようとしていますが、そうする方法を見つけることができませんでした。

どうすればいいですか？

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

と

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

が、それらのいずれも、むしろ、彼らがそれぞれの側にマージンを持って、ページの塗りつぶし幅を実行します：私は両方を試してみました。どのようにブートストラップでレスポンシブなサイズ変更を台無しにすることなく、それを変更することが可能ですか？

Answer 1

ブートストラップのドキュメントサイト：http://getbootstrap.comを参照すると、あなたが説明している効果を達成するためにどのようなnavbarクラスを使用しているかを見ることができます。

<div class="navbar navbar-fixed-bottom"> 

</div> 

navbar div自体は、マージンを追加しないように任意のコンテナにラップする必要があります。

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

は、この質問に答えることは非常に遅れているが、場合にあなたは、ブートストラップ3.0以上を使用している効果

Answer 3

<footer> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-sm-12"> 
     This is your footer! 
     </div> 
    </div> 
    </div> 
</footer> 

Answer 4

を見るために、クラス.footerに背景色を追加します。

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