Подтвердить что ты не робот

Twitter Bootstrap - одинаковые высоты на жидкостных колонках

Возможно ли, чтобы две скважины с колоколообразными колоннами с неравномерной длиной столбцов были одинаковой высоты?

4b9b3361

Ответ 1

Здесь отзывчивое решение CSS, основанное на добавлении большого отступов и одинаково большого отрицательного поля на каждый столбец, а затем завершает всю строку в классе с скрытым переполнением.

.col{
margin-bottom: -99999px;
padding-bottom: 99999px;
background-color:#ffc;
}

.col-wrap{  
overflow: hidden;   
}

Вы можете видеть, что он работает на jsFiddle

ИЗМЕНИТЬ

Вариант, если вы хотите равные высоты колодцы или столбцы с закругленными углами:
http://jsfiddle.net/panchroma/4Pyhj/

ИЗМЕНИТЬ

Еще одна вариация с равными высотными ямами или столбцами с закругленными углами, на этот раз для Bootstrap 3
http://jsfiddle.net/panchroma/D4xdE/

Это более или менее то же самое, что и с Bootstap 2, но с некоторыми уточнениями для размещения изменений в том, как пространства BS теперь разделяются столбцами.