在bootstrap 3中创建一个tile网格

时间:2016-11-11 12:49:29

标签: css twitter-bootstrap twitter-bootstrap-3

我正在研究一个项目,并且用户询问他们是否可以拥有这样的东西。

enter image description here

网格线作为指南。

我知道我可以使用列,但是让我绊倒的项目是更长的图像。

有没有办法让一行跨越很多行?

或者最好是在列中包含列,然后将每个元素分开?

2 个答案:

答案 0 :(得分:1)

尝试使用以下列技术

演示:https://jsfiddle.net/uurzr45k/3/

img{width:100%;  margin:10px 0;}

答案 1 :(得分:0)

Masonry插件可以帮助您实现此布局> Check it out