引導詞綴JavaScript組件，而不是定位正確

當我開始沿着這條網頁上的引導滾動貼上插件切入<header class="jumbotron subhead"> - 此圖片顯示此症狀：引導詞綴JavaScript組件，而不是定位正確

enter image description here

我想我的詞綴導航不切入<header class="jumbotron subhead">，並按Bootstrap的官方文檔顯示，在開始滾動時它不會切入<header class="jumbotron subhead">。有沒有辦法用一些額外的CSS規則來解決這個問題？目前我應用於Affix組件的CSS規則與Bootstrap文檔中的Affix組件完全相同，如果您檢查兩個網站上的固定導航，我不明白爲什麼它無法正確顯示。

的CSS規則：

.bs-docs-sidenav.affix { 
    top: 40px; 
} 
.bs-docs-sidenav { 
    width: 258px; 
} 
.bs-docs-sidenav { 
    background-color: #FFFFFF; 
    border-radius: 6px 6px 6px 6px; 
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067); 
    margin: 30px 0 0; 
    padding: 0; 
    width: 228px; 
} 
.affix { 
    position: fixed; 
} 
.nav-list { 
    margin-bottom: 0; 
    padding-left: 15px; 
    padding-right: 15px; 
} 
.nav { 
    list-style: none outside none; 
    margin-bottom: 20px; 
    margin-left: 0; 
} 
ul, ol { 
    margin: 0 0 10px 25px; 
    padding: 0; 
}

網站我的工作（破詞綴）：

http://www.bestcastleintown.co.uk/boot/test2.html#slides

引導網站（工作詞綴）：

http://twitter.github.com/bootstrap/javascript.html

來源

2013-02-20 user1554264

現在你需要做的就是定義w這裏你想在導航欄粘貼後放置它。在您的stylesheet.css中變化

.bs-docs-sidenav.affix { 
top: 40px; 
}

喜歡的東西

.bs-docs-sidenav.affix { 
top: 230px; 
}

希望這有助於！

來源

2013-02-20 16:57:40

引導詞綴JavaScript組件，而不是定位正確

回答

相關問題