側欄導航和頂部導航欄衝突

Question

如果您轉到下面的bootstrap 3.0.3頁面，並使用側欄導航轉到從2.x遷移到3.0（一旦點擊它就會出現子字段），您可能會注意到h3標題文本「從2.x遷移到3.0」很好地顯示在頂部導航欄下方。但是如果你點擊sidenavbar上的「從2.x遷移到3.0」下的subnav鏈接，比如第一個「Major Class Changes」，它跳轉到這一部分，但標題被頂部的導航欄覆蓋了！

去這裏： http://getbootstrap.com/getting-started/

我無法弄清楚它是如何父導航鏈接正確地這樣做，但沒有孩子。我想讓它適用於兒童鏈接。

Answer 1

它對兩個錨都做同樣的事情，但較大的標頭有更多margin-top，可能會無意中使它看起來不錯。錨點將滾動窗口以將錨點放在視口的頂部。使用position: fixed導航欄時，導航欄將位於導航高度小於margin-top的任何定位點的頂部。

這裏的h1#migration錨以其輝煌×45像素頂邊距：

這裏與上邊距的0像素的的h2#migration-classes：

兩個被滾動到頂部單擊錨點時的視口，但h2定位在導航的position: fixed導航下離子。