navbarヘッダーを固定し、他のものをスクロールしたいですか？

Question

私は固定位置にヘッダーを保持しようとしていますが、私は可能なすべての解決策を試しましたが、実現できませんでした。ここで

がcodepenに私のリンクです：https://codepen.io/saisree/pen/WjVjMW

<div id="Nav" class="navbar navbar-inverse navbar-static" role="navigation"> 
    <div class="container"> 

    <div class="navbar-header"> 
     <a class="navbar-brand" href="https://codepen.io/saisree/full/WjVjMW/">Anand Reddy</a> 
    </div> 
    <div class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav navbar-right" "> 
     <li class="active"><a class="0" href="#home">Home</a></li> 
     <li><a class="1" href="#about">About</a></li> 
     <li><a class="2" href="#family" >Meet the family</a></li> 
     <li><a href="#blog" class="3 ">Blog</a></li> 



               <li ><a href="#testimonial" class="4">Testimonials</a></li> 
                   <li ><a href="#spec" class="5">Specialization</a></li> 
                <li ><a class="6" href="#contact">contact</a></li> 
                 </ul> 
      </div> 

あらゆる種類ああ助けが高く評価されます！

Answer 1

メインナビゲーションに「navbar-fixed-top」クラスを追加するだけで済みます。

<div id="Nav" class="navbar navbar-fixed-top navbar-inverse navbar-static" role="navigation"> 

また、あなたのマークアップが間違っている、あなたは2個の終了divタグを逃しているので、すべてのコンテンツが実際にNAVに入る...ここ

が更新さcodepenです：Click