하나의 높이에서 열을 부트 스트랩

Question

이 (jsfiddle.net/wwWVd/) 마크 업을 사용하여 사이드 바를 만듭니다. (뷰포트 너비를 더 늘려서 문제를 보거나 이것을 엽니 다 : http://fiddle.jshell.net/wwWVd/show/).

위에서 보듯이 블록 높이가 다릅니다. 나는 그것을 하나의 높이로 만들 수 있을까?

Answer 1

또 다른 방법은 .. CSS의 인 flexbox을 사용하는 것입니다

.flex, .flex > div[class*='col-'] { 
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    display: flex; 
    flex:1 0 auto; 
} 

데모 : http://www.bootply.com/127641

Answer 2

부동 요소는 부모 또는 형제의 키를 가져 오지 않습니다.

요소에서 동일한 높이를 원하면 테이블을 사용하거나 절대 위치로 열을 설정 한 다음 열에서 height 100%; top:0; bottom:0;을 설정하여 상위 높이를 가져옵니다.