Возможно ли, чтобы две скважины с колоколообразными колоннами с неравномерной длиной столбцов были одинаковой высоты?Twitter Bootstrap - одинаковые высоты на флюидных колоннах
ответ
Вот отзывчивое решение для CSS, основанное на добавлении большого отступов и одинаково большого отрицательного поля для каждого столбца, а затем завершение всей строки в классе с скрытым переполнением.
.col{
margin-bottom: -99999px;
padding-bottom: 99999px;
background-color:#ffc;
}
.col-wrap{
overflow: hidden;
}
Вы можете видеть, что это работает на jsFiddle
EDIT
Разновидность если вы хотите равные по высоте скважины или колонны с закругленными углами:
http://jsfiddle.net/panchroma/4Pyhj/
EDIT
другой вариация с равными по высоте скважинами или колоннами с роумом DED углы, на этот раз для Bootstrap 3
http://jsfiddle.net/panchroma/D4xdE/
Это более или менее такой же, как и с Bootstap 2, но с некоторыми уточнениями, чтобы приспособить изменения в том, как BS пространства сетки колонн в настоящее время.
Потому что это просто делает столбцы действительно большими и скрывает «действительно большой» бит, работайте, когда столбцы имеют закругленные границы, так как нижняя часть каждого столбца скрыта. –
Как насчет того же эффекта с Bootstrap 3? – Dmitry
@Dmitry, см. Мой обновленный ответ –
- 1. twitter bootstrap - установка высоты столбца на основе максимальной высоты столбца
- 2. Twitter Bootstrap - Сделать строчку занятой оставшейся высоты
- 3. 2 столбца равной высоты - Twitter Bootstrap 2.0
- 4. Twitter Bootstrap Элемент не имеет высоты
- 5. Изменение высоты окна поиска в Twitter Bootstrap
- 6. установить одинаковые колонки высоты
- 7. одинаковые изображения высоты с flexbox
- 8. Bootstrap - фитинг вложенных входов в колоннах
- 9. 960gs на колоннах
- 10. панды GroupBy на колоннах
- 11. Bootstrap 3 Расщепление Col-мкр-9 на две равные колоннах
- 12. twitter bootstrap - увеличение высоты поля формы для соответствия кнопке
- 13. force bootstrap twitter nav выпадающее окно будет 100% высоты окна
- 14. Twitter Bootstrap VS Bootstrap
- 15. Встраиваемый стол Instagram с описанием: одинаковые высоты?
- 16. Twitter bootstrap: Почему .row или .row-fluid не имеют высоты?
- 17. Использование twitter bootstrap 2.0 - Как сделать равные высоты столбцов?
- 18. Подсветка синтаксиса на twitter bootstrap
- 19. обивка на левом Twitter Bootstrap
- 20. ShareThis на Twitter Bootstrap модальный
- 21. Twitter Bootstrap на мобильном телефоне
- 22. Twitter Bootstrap - 100% Height
- 23. Twitter Bootstrap
- 24. Вертикальный ритм для Bootstrap Twitter
- 25. Как установить одинаковые высоты каждого элемента списка?
- 26. Устанавливаем одинаковые высоты по разным вопросам divs
- 27. Bootstrap Navbar снижение высоты
- 28. Bootstrap Модальный автовыбор высоты
- 29. Bootstrap - Регулировка высоты карусели
- 30. MongoDB $ и на двух колоннах
извините! поиск пришел сразу после того, как я опубликовал – ina
На самом деле, другой пост - это фиксированный макет, и решение, похоже, не работает для флюидных столбцов. – ina