Bootstrap one height to columns

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;, чтобы получить высоту их родительского элемента.