【问题标题】:Grid system - panels with different heights [duplicate]网格系统 - 具有不同高度的面板[重复]
【发布时间】:2016-07-06 21:44:28
【问题描述】:

我想实现一个概览页面,其中多个面板自动依次排列。我目前的结果可以在这张图片上看到:

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

有什么简单的解决办法吗?谢谢!

【问题讨论】:

  • 你现在应该知道,有一个更完整的问题,包含一个最小的代码示例,最好作为一个工作 sn-p,而不仅仅是一个屏幕转储。

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


【解决方案1】:

除非您可以强制所有面板的高度相同,否则没有真正简单的方法。这里有一些其他选项..

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-29
    • 2017-10-13
    • 2013-09-20
    • 1970-01-01
    相关资源
    最近更新 更多