Полноэкранная загрузочная сетка разных размеров

Я пытаюсь создать полноэкранную загрузочную сетку с разной высотой (33,33%, 66,66% или 100%) и разной шириной (20%, 40%, 60%, 80%, 100%).

Проблема в том, что из-за разницы высот возникают зазоры.

http://www.bootply.com/BXENv65tq8#

введите здесь описание изображения

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

Макет в стиле Masonry ТОЛЬКО с CSS

Мой результат (от ответа с самым высоким рейтингом):

введите здесь описание изображения


person Sam    schedule 25.06.2015    source источник


Ответы (1)


В том, как вы используете, вы не можете получить результат, показанный в первом поле. для этого нужно организовать свой div по столбцам, а не по строкам.

Вот пример, который, возможно, вам поможет

person scaisEdge    schedule 25.06.2015