固定自舉導航欄

阿羅哈！我試圖讓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; 
}

我一直在尋找到它，但我發現的唯一答案是底部填充添加到具有導航欄不成功。真的很感謝一些幫助。謝謝:)

來源

2015-10-18 Alex

它工作正常，在這裏 - > ** HTTP：//jsfiddle.net/63zvdLyu/4/**，你必須有別的東西造成固定導航不工作。 – davidkonrad

刪除navbar-fixed-top並刪除body padding top。即使在滾動時，Bootstrap navbar-fixed-top也會將其歸檔到瀏覽器的頂部。

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

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

來源

2015-10-19 00:30:01

我發現了一個可能適合您需要的資源here。您可以使用Google Chrome中的檢查元素功能打開該示例網站，然後將代碼複製到您最喜歡的文本編輯器中，然後您可以通過該代碼進行查看。如果您需要更多幫助，請將其放入評論中。

來源

2015-10-18 23:35:39

固定自舉導航欄

回答

相關問題