ブートストラップ固定ボトムナイブコンテンツを非表示にする

Question

プルノーテ：他の解決策は役に立たなかった。私は個人的な解決策を模索しています。

私はブートストラップの固定ボトムnavを使用しています。私のコンテンツがページの一番下にオーバーフローし、スクロールバーが表示されると、一番下のコンテンツが固定ナビゲーションの背後に隠れてしまいます。ここに私の固定されたnavコードがあります：

<nav class="navbar navbar-inverse navbar-fixed-bottom navbar-padded"> 

<div class="container-fluid"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="landing.php">MSQUARE.COM</a> 
    </div> 

    <ul class="nav navbar-nav"> 
     <li class="active"><a href="index2.php">Home</a></li> 
    </ul> 

    <ul class="nav navbar-nav navbar-right"> 
     <li><a href="#">Sign Up</a></li> 
     <li><a href="#"><span class="glyphicon glyphicon-log-in"></span>&nbsp; Login</a></li> 
    </ul> 
</div> 

</nav> 

私はジャンボトロン、パネル、そしてカルーセルを持っています。 問題を解決するにはどうすればよいですか？

Answer 1

その理由は、 bodyタグのpadding-bottomを追加して内容が上に移動するようにする必要があります。 通常、navbarの高さは約55pxです これが役立つことを願っています。

body { 
padding-bottom: 55px; 
}