반응형
네비게이션 바의 fixed-top 설정을 할 때
최상위에 설정된 nav bar가 화면을 먹는다.
원래 이래야 하는 것이
이렇게 먹어버리는 것이다.
해답은
https://stackoverflow.com/questions/11124777/twitter-bootstrap-navbar-fixed-top-overlapping-site
이쪽에서 알려주고 있다.
요약: 만약 당신이 padding 속성을 추가하지 않는다면, fixed navbar는 당신의 다른 컨텐츠를 잡아 먹을 것입니다.
나는 부트스트랩을 사용하는데
다른 페이지들의 body에 padding 속성을 추가해도 해결됐지만
<body class="pt-5">
이렇게 nav bar를 사용하는 헤더파일의 body에 패딩을 주니, 다른 모든 페이지에 padding을 줄 필요 없이 다 해결됐다.
반응형
'프로그래밍 > Web' 카테고리의 다른 글
| javascript, jquery 자신을 제외한 / 이외의 다른 개체의 이벤트 발생 (0) | 2018.03.21 |
|---|---|
| 부트스트랩 네비게이션 fixed-top 설정 시 모달 먹통 문제 (0) | 2018.03.12 |
| jquery textarea 변수 값 가져오기 (0) | 2018.03.06 |