带CSS的Bootstrap砌体类型布局(带无限滚动)

时间:2016-03-06 08:47:26

标签: twitter-bootstrap css3 masonry

我有一个基于此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但是现在还不能看到 - 还有其他任何建议吗?

关键的事情是:按照上面引用的脚本从左到右和不同的高度项目。

提前感谢任何指针

1 个答案:

答案 0 :(得分:1)

我得出的结论是单独使用CSS是不可能的,所以我正在调查isotope.js。如果所有的div都是相同的高度,那么它就是可能的。