열에 여러 버튼을 표시하려고 시도했습니다.
.columnized {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
및 마크 업
<div class="columnized col-md-6">
<p>
<button type="button" class="btn btn-default btn-xs">text</button>
</p>
<!-- ... more buttons ... -->
</div>
그러나 전체 div는 선처럼 보이고 모든 p
s는 오른쪽으로 떠 다니는 것처럼 보입니다.
그것은 호기심의 그이의 작품 Firefox 28
과 도 Internet Explorer 10
하지에 Chrome 33
.
I이 사용 된 트위터 의 Bootstrap
상기가 .col-md-6
정의한 min-height
로서 1px
, 따라서가는 선.
나는 추가하여 해결하기 위해 관리 min-height: initial
제에 columnized
클래스입니다.
이것이이 이상한 문제에 부딪 치는 다른 사람들에게 도움이되기를 바랍니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다