导航栏不会留在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”来操作该导航栏。