ブートストラップ固定ナビゲーションバーの動作

ここで何が起こっているのか誰かが説明できますか？ブートストラップ固定ナビゲーションバーの動作

私はブートストラップ3.3.7を使用しています。

なぜ.container要素が見えないのですか？

<!-- Navbar --> 
    <div class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="navbar-header"> 
      <a class="navbar-brand" href="#">Big Brother</a> 
     </div> 
     <div class="navbar-collapse"> 
      <ul class="nav navbar-nav"> 
       <li><a href="#" href="/">Home</a></li> 
       <li><a href="#" href="/message">Messages</a></li> 
      </ul> 
      <ul class="nav navbar-nav navbar-right"> 
       <li>something</li> 
      </ul> 
     </div> 
    </div> 
    <div class="container"> 
     <h2>Invisible</h2> 
    </div>

出典

2016-08-17 arseniyandru

あなたの<h2>は、あなたのnavbarの背後に隠れています。

固定配置を使用するナビゲーションバーを使用しています。これは、通常の文書フローから取り出し、スペースを取らないので、そこになかったかのようにフローが始まる。

padding-top: 50px;に<body>を追加すると、<h2>が表示されます。

Bootstrap Navbar Docsを読むと、ボディーパディングが必要な吹き出しが表示されます。

出典

2016-08-17 18:23:10 hungerstar

私はいつも私の体をnav barのサイズで埋めるべきですか？固定されている場合 – arseniyandru

少なくとも、はい。ブートストラップのnavbarは50pxの高さから始まります。ちょっと余分なパディングをしたいと思うかどうかは、あなた次第です。 – hungerstar

ブートストラップ固定ナビゲーションバーの動作

答えて

関連する問題