twitter-bootstrap - 使用 CSS Bootstrap masonry 类型布局(无限滚动)

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 项等

所以我尝试从左到右而不是按列进行。我在考虑 flex-box 但现在看不到它的工作 - 还有其他建议吗？

关键是:根据上面引用的脚本从左到右和不同高度的元素。

提前感谢任何指点

Answer 1

我得出的结论是，仅靠 CSS 是不可能的，因此我正在研究 isotope.js。如果所有的 div 都具有相同的高度，这是可能的。