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

그누보드 갤러리 게시판 질문 채택완료

쥬노 2년 전 조회 2,211

그누보드와 부트스트랩을 이용해서 홈페이지 연습을 하고 있습니다.

그런데  갤러리 게시판을 연동해서 테스트 하는데 크롬에서 개발자모드 모바일로 하고 나면 이상하게 나와서 고수님들의 조언을 부탁드립니다.

아무리 찾아도 어떻게 수정해야할지몰라서 문의드립니다.

아래 그림처럼 중간에 이빨 빠진것처럼 공백이 생깁니다. 이거를 어떻게 수정을 해야 하는지요.

 

 

갤러리 스킨 스타일 css에서 

@media (max-width: 767px) {

    .gall_row .col-gn-4 {width:50%;}

  }

를 추가해서 모바일에서 사진이 2열로 나오게 변경했습니다.

고수님들의 조언 부탁드리겠습니다.

행복한 밤시간되세요.

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

답변 1개

채택된 답변
+20 포인트
s
sinbi Expert
2년 전

box-sizing:border-box;

위 속성도 추가해 보세요.

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

답변에 대한 댓글 2개

쥬노
2년 전
안녕하세요....위 속성을 추가해보았는데 안되는데 혹시 다른 방법이 있을까요?
s
sinbi
2년 전
LI요소 높이를 모두 균등하게 맞추고,
https://homzzang.com/b/bs-263

요소에 아래 클래스가 안 붙게 해보세요.
.gall_row .box_clear {
clear: both;
}

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

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

로그인