ブートストラップ3の最初の行のnavbar

Question

私は検索してこの正確な問題を見つけることができないので、質問が重複しないことを願っています。

まずここ読んでから、ブートストラップ3.

の時のユーザーと私はナビゲーションバーのような独自のコンテナを持っていなければならないと信じて、ブートストラップのドキュメント：

は

<nav id="myNavbar" class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarCollapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="/index.html">My Site</a> 
     </div> 
     <div class="collapse navbar-collapse" id="navbarCollapse"> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="/index.html"><span class="glyphicon glyphicon-home"></span> Home</a></li> 
       <li><a href="/services.html"><span class="glyphicon glyphicon-list-alt"></span> Services</a></li> 
       <li><a href="/about-us.html"><span class="glyphicon glyphicon-info-sign"></span> About</a></li> 
       <li><a href="/contact-us.html"><span class="glyphicon glyphicon-envelope"></span> Contact</a></li> 
      </ul> 
     </div> 
    </div> 
</nav> 
<div class="container"> 
     <div class="row">content goes here and this content is under the navbar</div> 
</div> 

ページのボディは、独自のを持っていますコンテナ。あれは正しいですか？

私はこれを行ってから行を追加しましたが、最初の行の内容はnavbarの下にあります。

最初の行に追加する必要があるクラスのようなものがありませんでしたか？

答えは、navbarが "navbar-fixed-top"を持っていることを確認するための回答であったが、私はすでにそれを持っていた。

Answer 1

ドキュメントをよく読んでください。 Bootstrap navbar docsによると

：あなたはbodyのトップにpaddingを追加しない限り、

固定ナビゲーションバーは、あなたの他のコンテンツをオーバーレイします。あなた自身の価値観を試してみるか、下記のスニペットを使用してください。ヒント：デフォルトでは、navbarは50ピクセル高いです。

body { 
    padding-top: 70px; // Your navbar height 
} 

コアのブートストラップCSSの後にこれを含めるようにしてください。

Answer 2

私が正しくあなたの問題を理解していれば、あなたがナビゲーションバー下のコンテンツをしたいということだけで、この

<nav id="myNavbar" class="navbar navbar-default navbar-inverse navbar-  
fixed"role="navigation"> 

のように、それはこれを見る 動作する代わりに

navbar-fixed-top 

の

navbar-fixed 

を書きますフィドルfiddle

あなたはこれをお探しですか？