테스트 사이트 - 개발 중인 베타 버전입니다

부트스트랩에서 발생되는 공백 문제 채택완료

껌팔이소년 6년 전 조회 4,180

자료실에서 올려주신 게시물중 다음 스킨을 모바일에 맞게끔 변형했습니다.

https://sir.kr/g5_skin/28716?page=2#c_29117

근데, 적용하고보니 header 부분이 밑으로 늘어지는 증상같은게 보여 확인해보니 다음처럼 보입니다.

 

 

list.skin.php 파일상에 의심가는것을 확인하다 bootstrap.min.css 파일이 공백을 만듬을 확인하였습니다. 

배포된 파일의 cdn 주소가 아닌 타 주소로 해보았음에도 동일하게 공백이 발생합니다.

부트스트랩 css 날리고 체크하였습니다.

 

혹시 이와 유사한 문제를 경험해보신분이 계신지 문의드립니다.

감사합니다~

 

 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
6년 전

div.header.main_header는 375x56 사이즈로 자리 잡아 있습니다.

 

이것을 감싸고 있는 parent div나 다른 html코드의 CSS를 체크해 보세요..

 

구글 디벨로퍼의 inspect로 체크 해 보시면 금방 알수 있을 것 같습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

껌팔이소년
6년 전
부트스트랩상에서 h1, h2, h3에 마진이 들어가서 생긴 문제였습니다.
해당 부분 확인하고 수정했습니다. 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인