我想实现一个概览页面,其中多个面板自动依次排列。我目前的结果可以在这张图片上看到:
我需要实现的是,左下角的第三个面板跳起来并在第一个面板之后对齐。不幸的是,我不想将页面嵌套成两列,因为在较小的屏幕上,面板的大小和排列会发生变化。此外,页面下方的其他面板可能具有与此处看到的不同的尺寸(即 8:4)。
有没有简单的解决方案?谢谢!
除非您可以强制所有面板的高度相同,否则没有真正简单的方法。这里有一些其他的选择..
使用 CSS3 列宽 .. http://www.bootply.com/123350
或者,使用带有 Masonry 插件的 Bootstrap ... http://www.bootply.com/123353