모바일보기 갤러리의 부트 스트랩 패딩 문제가 발생했습니다.

Question

부트 스트랩 갤러리에 문제가 있습니다. 데스크톱보기에서는 정상적으로 작동하지만 잘 보이지만 모바일보기로 크기를 조정하면 같은 행의 이미지 사이에 여백이 없습니다.

모바일 환경에서 특정 행의 이미지가 서로 겹쳐서 표시됩니다. 수직 간격은 없지만 큰 화면에서 행을 구성하는 4- 이미지 그룹 간에는 수직 간격이 있습니다. 아래 줄이 그것을 고쳐야 겠지만 내 CSS와 관련이 있다고 생각합니다.

#rowpadding{ 
margin-bottom: 20px; 
} 

여기는 template of the gallery입니다. 여기에 제가 설명하는 현상을 보여주는 my JSFiddle이 있습니다.

Answer 1

이 CSS를 적용하면 문제가 해결됩니다.

한 페이지에 같은 아이디의를 사용하지 않는 한 가지를 기억

.container .row { 
margin-bottom:0px!important; 

}

.portfolio-item { 
margin-bottom: 25px; 

}. 이 ID를 제거하십시오 'rowpadding'