부트스트랩에서 발생되는 공백 문제
본문
자료실에서 올려주신 게시물중 다음 스킨을 모바일에 맞게끔 변형했습니다.
https://sir.kr/g5_skin/28716?page=2#c_29117
근데, 적용하고보니 header 부분이 밑으로 늘어지는 증상같은게 보여 확인해보니 다음처럼 보입니다.
list.skin.php 파일상에 의심가는것을 확인하다 bootstrap.min.css 파일이 공백을 만듬을 확인하였습니다.
배포된 파일의 cdn 주소가 아닌 타 주소로 해보았음에도 동일하게 공백이 발생합니다.
부트스트랩 css 날리고 체크하였습니다.
혹시 이와 유사한 문제를 경험해보신분이 계신지 문의드립니다.
감사합니다~
답변 1
div.header.main_header는 375x56 사이즈로 자리 잡아 있습니다.
이것을 감싸고 있는 parent div나 다른 html코드의 CSS를 체크해 보세요..
구글 디벨로퍼의 inspect로 체크 해 보시면 금방 알수 있을 것 같습니다.
부트스트랩상에서 h1, h2, h3에 마진이 들어가서 생긴 문제였습니다.
해당 부분 확인하고 수정했습니다. 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.