Как правильно сверстать такой блок?

Question

[Enniack]

Верстаю с помощью сетки бутстрапа, красные колонки - занимают 4 колонки, все остальные колонки занимают всю ширину блока.

Необходимо, чтобы на низких разрешениях выводились по порядку сначала зеленые элементы (1, 2, 3), затем синие, затем черные.

У меня не выходит, выводится сначала 1 колонка, затем 2, затем 3.

Как правильно сверстать?

Answer 1

[Денис Богданов]

masonry.desandro.com
Используйте это.

Answer 2

[Максим Тимофеев]

вы видимо неправильно классы для них написали. Сделайте col-xs-4 для основных 3-х

Answer 3

[deeppines]

jsfiddle.net/LucasKane/ge2swm5v