网格系统 - 具有不同高度的面板

Question

我希望实现一个概览页面，其中多个面板会自动排列。我的当前结果可以在这张图片上看到：

我需要实现的是第三个左​​下方面板在第一个面板之后跳起并对齐。不幸的是，我不想将页面嵌套到两列中，因为在较小的屏幕上，面板的大小和排列会发生变化。此外，页面下方的其他面板可能与此处显示的尺寸不同（即8：4）。

有没有简单的解决方案？谢谢！

Answer 1

除非您可以强制所有面板都具有相同的高度，否则没有一种简单的方法。以下是其他几个选项..

使用CSS3列宽... http://www.bootply.com/123350

或者，使用带有Masonry插件的Bootstrap ... http://www.bootply.com/123353