我希望導航欄標題被固定，其他人要滾動嗎？

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"> 

除了您的標記不正確，你已經錯過了兩個關閉div標籤，所以所有的內容進入真正的資產淨值...

這裏是一個更新的codepen：Click