Как автоматически чередовать блоки в зависимости от размера, создавая из них как бы кирпичную кладку?

Question

[ixon]

Есть сетка, элементы которой - прямоугольники разных размеров, сетка поделена на квадратные области по 4 в ширину и сколько угодно в высоту, каждый из прямоугольников по ширине и высоте кратен размеру квадратных областей.
Прямоугольники грузятся с сервера случайным образом в случайном порядке. Как перемещать их так, чтобы они образовывали монолитную стену из прямоугольников, без пустых областей? Для этого существует готовый jquery плагин Masonry.js, однако он по какой-то причине не работает с сеткой в 4 области в ширину.
jsfiddle.net/v6uzvuow
Возможно, я что-то сделал не так, но логически очевидно, что следует только поставить первый блок в конец и всё будет монолитно. В таком случае, что я сделал не так?
Какие альтернативные фреймворки (причём для сетки с вариативной шириной и длинной) по типу Masonry.js существуют?

Comments

[Дмитрий]

Вы чтото не так сделали

[ixon]

Дмитрий, на jsfiddle есть код, всё вроде так. Сами посмотрите. Блоки корректно определены, контейнер тоже, всё работает статически, но вот Masonry не работает как надо, параметры такие как и должны быть.
Более того, это переписанный форк другого работающего кода.