Bootstrap navbar-fixed-top 类，不工作

Question

使用 Bootstrap 构建投资组合网站——我正在应用“navbar-fixed-top”类，以使导航栏固定在窗口顶部，例如本例：

https://getbootstrap.com/examples/navbar-fixed-top/

我正在尝试使用此代码这样做：

 <nav class="navbar navbar-fixed-top">
  <div class="container">
    <div id="navbar" class="navbar-collapse">
      <ul class="nav navbar-nav">
        <li>About</li>
        <li>Projects</li>
        <li>Contact Me</li>
      </ul>
    </div>
  </div>
</nav>

但是，当我将它应用到我自己的网页时，导航栏仍然可以滚动。您可以在此处查看页面：

http://codepen.io/BenWS/pen/gmLEVw

原文由 BenWS 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

因为你使用的是最新版本的 bootstrap (bootstrap4 beta6)。

它们从 .navbar-fixed-top 变为 .fixed-top

您必须阅读此 链接中的文档。

原文由 lahphim 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我认为您在引导程序中加载的方式有问题。确保在调用引导程序文件之前调用 jquery。如果没有任何效果，您可以随时自己添加固定定位：

 .navbar-fixed-top {
    position:fixed !important;
}

原文由 Arjan Knol 发布，翻译遵循 CC BY-SA 4.0 许可协议