固定的Bootstrap導航欄

Question

阿羅哈！ 我正在嘗試使Bootstrap的導航停留在頁面頂部，並且在滾動時不跟隨我。

我的代碼如下所示：

<nav class="navbar  navbar-default navbar-fixed-top" role="navigation">
    <div class="container">

CSS：

body {padding-top: 70px;}
.navigation {padding-bottom: 30px:}
.navbar-fixed-top .nav { padding: 15px 0;}
.navbar-fixed-top .navbar-brand { padding: 0 15px;}
.navbar-nav > li{
  padding-left:30px;
  padding-right:30px;
}
.navcontainer {
padding-bottom: 30px;
}

我一直在研究它，但我發現的唯一答案是在導航欄上添加了底部填充，但沒有成功。 非常感謝您的幫助。 謝謝 ：）

Answer 1

拆下固定在頂部的導航欄，並拆下車身襯墊的頂部。 即使在滾動時，也可以將導航欄固定在頂部的弓箭引導到瀏覽器的頂部。

.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0;
    border-width: 0 0 1px;
}

http://jsfiddle.net/63zvdLyu/8/

Answer 2

我發現，也許會滿足您的需要的資源在這里 。 您可以使用Google Chrome瀏覽器中的inspect element功能打開該示例網站，然后將代碼復制到您喜歡的文本編輯器中，然后可以在其中瀏覽代碼。 如果您需要更多幫助，請將其放在注釋中。