Bootstrap типа кладки макет (с бесконечной прокруткой) с помощью CSS

Question

У меня есть страница, которая основана на этой схеме CSS:

http://www.bootply.com/jWoHaY7efR

Я использую тот же самый HTML & CSS, как на что скрипт для новостного канала.

Когда на большом экране в первой загрузке страницы, как это: (я выбрал 9 штук в запросе от моей БД в хронологическом порядке):

Пункт 1 Пункт 4 Пункт 7

Пункт 2 Пункт 5 Пункт 8

Пункт 3 Пункт 6 Пункт 9

То, что я хотел сделать, это изменить CSS на этой странице, чтобы отобразить элементы, как:

Пункт 1 Пункт 2 Пункт 3

Пункт 4 Пункт 5 Пункт 6 и т.д.

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

Ключевыми элементами являются: слева направо и разные элементы высоты согласно сценарию, указанному выше.

Заранее спасибо за любые указатели

Answer 1

Я пришел к выводу, что это не представляется возможным с помощью CSS в одиночку и поэтому я расследование isotope.js. Если бы все div были одинаковой высоты, это было бы возможно.