Сетка - панели с разной высотой

Question

Я хотел бы получить обзорную страницу с несколькими панелями, автоматически выстраивающимися одна за другой. Мой текущий результат можно увидеть на этом изображении:

Что мне нужно сделать, так это то, что третья нижняя левая панель поднимается и выравнивается сразу после первой. К сожалению, я не хочу вкладывать страницу в две колонки, потому что на маленьких экранах размер и расположение панелей меняются. Также другие панели, расположенные ниже на странице, могут иметь размеры, отличающиеся от тех, которые вы видите здесь (т.е. 8:4).

Есть ли простое решение? Спасибо!

Answer 1

На самом деле не существует простого способа, если вы не можете заставить все панели иметь одинаковую высоту. Вот несколько других вариантов..

Использовать ширину столбца CSS3. http://www.bootply.com/123350

Или, используя Bootstrap с плагином Masonry... http://www.bootply.com/123353