접는 컨테이너를 쌓는 데 문제가 있습니다. 나는 너비가 3 열인 row으로 설정했습니다. 다른 열이 추가되면 원하는 동작 인 다음 행으로 푸시됩니다. 그러나 새로 시작된 행에 대한 컨테이너를 열면 열 때 새로 감싸 진 컨테이너를 오른쪽으로 밀어 넣어 레이아웃이 잘못되었습니다. 첫 번째 행의 접기를 취소하면 되돌립니다. 아래의 빠른 그림은 상황을 설명합니다.부트 스트랩 3 - 접을 수있는 컨테이너로 줄 바꿈
편집 : 세 개의 열이 col-md-4 설정 아래에있을 때 clearfix가 작동합니다. 작은 크기로 축소 할 때 col-sm-6에 대해 설정 한 다음 clearfix가 두 열, 한 열의 행, 세 행의 다음 행을 다시 시작하도록 만듭니다. 이것에 대한 해결책이나 레이아웃을 다시 생각해야합니까?
은이 레이아웃을 해결하기 위해 세 번째 요소 후 clearfix 요소를 추가해야합니다.
<div class="clearfix"></div>
자세한 내용은 여기에서 찾을 수 있습니다 : http://getbootstrap.com/css/#grid-responsive-resets
겠습니까 컨테이너의 모든 3 개의 컨테이너 사이에 clearfix가있는 하나의'row' 엘리먼트에 여전히 존재 하는가, 아니면 각각 자신의 행을 얻는가? – Jared
정말 할 수 있습니다. 당신은 행당 3 개의 원소를 만들 수 있습니다. 또는 모든 원소를 가지고있는 1 행을 만들고, 3 원소마다 clearfix를 만들 수 있습니다. – Marcelo
이것은 3 개의 열이'col-md-4' 설정 아래에있을 때 유용합니다. 크기가 작아지면'col-sm-6'을 설정하고 clearfix가 두 열, 한 열의 행, 세 행의 다음 행을 다시 만듭니다. 이것에 대한 해결책이나 레이아웃을 다시 생각해야합니까? – Jared
새로운 행 clearfix에 4 열을 넣어 – DaniP
http://getbootstrap.com/css/#grid-responsive-resets – DaniP