Bootstrap 導航欄固定頂級類，不起作用

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

Answer 1

因為您使用的是最新版本的引導程序（bootstrap4 beta6）。

它們從.navbar-fixed-top更改為.fixed-top

您必須閱讀此 鏈接中的文檔 。

Answer 2

我認為您在引導程序中加載的方式有問題。 確保在調用引導文件之前調用 jquery。 如果沒有任何效果，您總是可以自己添加固定定位：

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

Answer 3

在edge、firefox、chrome上使用bootstrap 4
無點固定頂

<nav class="navbar navbar-expand-lg  navbarBGcolor fixed-top">