Navbarがユーザーに従わない

Question

ユーザーがスクロールしたら、水平ナビゲーションバーを画面に固定しようとしています。しかし、ナビゲーションバーは固執しません。

 <nav id="navbar" class="navbar navbar-inverse container affix-bottom" data-spy="affix" data-offset-top="197"> 
     <ul class="nav navbar-nav" style="float:left"> 
      <li><a href="#"><img src="logo-transparent.gif" style="height: 4em; margin-top: -1em;"/></a></li> 
      <li><a href="#"><img src="logo-name.png" style="width: auto; height: 3em; margin-top: -1em;"/></a></li> 
     </ul> 
     <ul class="nav navbar-nav" style="float:right;"> 
      <li><button id="apply-button-nav" class="nav-button each-button">Apply</button></li> 
      <li><button id="about-button-nav" class="nav-button each-button">About</button></li> 
      <li><button id="sponsor-button-nav" class="nav-button each-button">Sponsor</button></li> 
     </ul> 
    </nav> 

Answer 1

position:fixedのスタイルで。これにより、位置が固定されます。 W3Schoolsのパー

は：

要素ブラウザウィンドウ

に対して配置される。これは、ウィンドウに対するスクリーン上に固定されたままにすることを意味します。

Mozilla Developer Docs - Position

Answer 2

があなたのCSSにこれを追加します：あなたはここにpositionスタイル属性の詳細を読むことができ

.affix { 
    position: fixed; 
} 

また

---

、接辞を使用せずにそれを固定するために、あなたはしないでくださいブートストラップによって提供されるデフォルトのクラスがあるので、手動でposition: fixedを追加する必要があります。 navbar-fixed-bottomを：あなたはそれではなく、このクラスを使用し、底部に固定したい場合は：

<nav id="navbar" class="navbar navbar-inverse navbar-fixed-top container"> 

---

注：ただ、このようなあなたのNAVにクラスnavbar-fixed-topを追加します。