사이드 바 탐색 및 상단 네비게이션 충돌

Question

부트 스트랩 3.0.3에 대해서는 아래 페이지로 이동하여 사이드 바 탐색을 사용하여 2.x에서 3.0으로 마이그레이션 (하위 필드를 클릭하면)으로 이동하면 알 수 있습니다 h3 헤더 텍스트 "2.x에서 3.0으로 마이그레이션"이 상단 네비게이션 바로 아래에 나타납니다. 그러나 첫 번째 "Major Class Changes"와 같이 sidenavbar에서 "2.x에서 3.0으로 마이그레이션"아래의 subnav 링크를 클릭하면이 섹션으로 이동하지만 타이틀은 상단 네비게이션 바에 의해 덮여 있습니다!

는 여기로 이동 : http://getbootstrap.com/getting-started/

나는 아이들이 부모 탐색 링크 제대로이 일을하는 방법을 알아낼 수 있지만 수 없습니다. 나는 그것이 너무 어린이 링크를 위해 제대로 작동하게하고 싶다.

Answer 1

두 앵커 모두 동일한 작업을 수행하지만 더 큰 헤더의 경우 의도하지 않게 잘 보이는 것처럼 보일 수도 있습니다. 앵커는 창을 스크롤하여 뷰포트 상단에도 앵커를 배치합니다. position: fixed navbar를 사용하면 navbar가 nav의 높이보다 margin-top이 적은 앵커의 상단에 위치합니다. 여기

는 영광스러운 45 픽셀의 위쪽 여백과 h1#migration 앵커의 :

그리고 여기에 상단 여백은 0 픽셀로 h2#migration-classes있어 :

모두 정상에 스크롤했다 앵커를 클릭하면 뷰포트가 표시되지만 h2은 position: fixed navigat 아래에 위치합니다. 이온.