導航欄不會留在Bootstrap站點

Question

我無法獲取該網站上的導航欄以保持固定在頂部。我不知道我哪裏出錯了。你能告訴我麻煩是什麼嗎？

https://dl.dropboxusercontent.com/u/45419155/website/index3.html

Answer 1

我剛剛檢查過您使用錯誤的Bootstrap類來製作固定導航欄。

您的代碼：

 <nav class="navbar navbar-default navbar-static-top"> 
      <ul class="sf-menu"> 
      <li class="active"><a href="index.html">Home</a></li> 
      <li><a href="events.html">Services</a> </li> 
      <li><a href="projects.html">Projects</a></li> 
      <li><a href="gallery.html">Gallery</a> </li> 
      <li><a href="about.html">About Us</a> </li> 
      <li><a href="events.html">Events </a> </li> 
      </ul> 
     </nav> 

而不是使用navbar-static-top請使用navbar-fixed-top這將解決你的問題。

問題解決了：

 <nav class="navbar navbar-default navbar-fixed-top"> 
      <ul class="sf-menu"> 
      <li class="active"><a href="index.html">Home</a></li> 
      <li><a href="events.html">Services</a> </li> 
      <li><a href="projects.html">Projects</a></li> 
      <li><a href="gallery.html">Gallery</a> </li> 
      <li><a href="about.html">About Us</a> </li> 
      <li><a href="events.html">Events </a> </li> 
      </ul> 
     </nav> 

我曾試着與你的網站的變化和它工作得很好。

Answer 2

你的導航欄是由列表項的未排序列表（ul）（li）的。您的導航欄是「固定」的頂端，因爲你的ul有類「SF-菜單」，看起來像這樣：

.sf-menu { 
    position: fixed; 
} 

如果您想導航欄，以就地相對保持對其餘元件，我建議您更改或改寫班級「sf-menu」以讀取position: relative。這將改變導航欄的外觀，但您可以通過刪除/覆蓋nav元素中的類「navbar-default」來操作該導航欄。