侧栏导航和顶部导航栏冲突

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导航下离子。