모바일에서 웹 페이지 크기를 줄이면 행이 오프셋됩니다.

Question

웹 페이지에서 부트 스트랩을 사용하고 있고 모바일에 맞게 크기를 줄이는 데 문제가 있습니다.

의도 된 효과는 행 당 4 개의 동일한 부분으로 분리 된 행을 Mobile Devices에서 행당 2 등분으로 축소하는 것입니다. 기기가 특정 너비 (약 335 픽셀) 아래로 내려갈 때를 제외하고는 잘 작동합니다. 임계 값보다 낮 으면 분할 선이 더 이상 수평으로 정렬되지 않은 일부 영역에서 행이 엉망이됩니다.

여기는 a link to the page입니다. 그래서 내 뜻을 알 수 있습니다.

• 문제는 매우 작은 화면 크기이므로 브라우저 창을 너비가 < 335px까지 축소해야합니다.

정확히 무엇이 원인입니까? 그리고 그것이 어떻게 고칠 수 있다고 생각합니까? HTML & CSS를 들어

• 은

마크 업 및 CSS가 보인다 www.texasca.com/team.html 링크를 따르십시오 복잡/긴 실제로 질문에 넣고, 그러나 저하자에 네가 나를 원한다면 안다. 나는 그렇게 할 것이다.

고마워 :

는 여기에 문제의 이미지입니다!

Answer 1

이것은 플로트 삭제 문제처럼 보입니다. Bootstraps "clearfix"클래스를 div에 추가하십시오. 이 문제에 대한 자세한 정보는 http://getbootstrap.com/css/#grid-responsive-resets에서 확인할 수 있습니다.