2016-10-31 1 views
1

내가 샘플 페이지 부트 스트랩 네비게이션 바 고정 상단으로 장난하고있어의 상단을 잃고 : 내 경우 http://getbootstrap.com/examples/navbar-fixed-top/부트 스트랩 네비게이션 바는 상단 고정 :이 주소에서 대형 기기 섹션

, 나는 기본 메뉴 (즉,의 길이를 연장했다. 더 많은 메뉴 항목이나 긴 항목 문구를 추가하십시오. 화면 크기가 768-990px ​​사이 일 때 Navbar는 두 줄로 나뉩니다 (왼쪽 위가 왼쪽, 오른쪽이 아래).

이 상황이 발생하면 Joombotron 섹션의 상단 부분이 오버레이되어 Navbar 뒤에 누락됩니다 (아래 그림 참조).

Jumbotron이 항상 navbar 섹션 아래에 있는지 확인하기 위해 어떤 수정을 할 수 있습니까?

는 메뉴 바 고정 상단의 기본 템플릿에서 K

top of jumbotron is missing

답변

1

감사합니다, 신체 요소는 메뉴 바 아래로 밀어하기 위해 70 픽셀의 패딩을 주어집니다. 당신은 고정 된 네비게이션 바의 크기를 증가하는 경우, 당신은 또한 두 브레이크 포인트 사이에 몸에 추가 패딩을 추가해야합니다

@media only screen and (min-width:768px) and (max-width: 990px) { 
body { 
    padding: /*new padding rule here*/ 
    } 
} 

당신은 확장 탐색 막대의 높이를 얻기 위해 크롬 개발 도구를 사용할 수 있습니다.

+0

J_Everhart383에 대한 유용한 정보를 제공해 주셔서 감사합니다. 나는 그 문제를 해결할 수 있었다. –

+0

좋아요! 다행히 도울 수있어. 이 솔루션으로 문제가 해결되면 정답으로 표시 하시겠습니까? –

+0

안녕하세요 J_Everhart383, 새 회원으로 아직 계정에 해당 기능이없는 것 같습니다. 피드백에 감사드립니다. 평판이 15 미만인 사람의 투표가 기록되지만 공개적으로 게시 된 점수는 변경되지 않습니다. –