Bootstrap瓷砖网格 - 第4个瓷砖挂起

Question

我的博客上有一个瓷砖网格问题

http://benefacto.org/blog/

在1024以上的视口上，4个图块最终会在它自己的一行上结束。

如果我将瓷砖#blog-tile的高度从最小高度：448px更改为高度：600px，则不会发生这种情况，但随后它会在较小的视图端口上调整比例。

无论如何，我可以保持响应高度而不抛出网格系统＆gt;非常感谢， 本

Answer 1

我为你找到了解决方案：

您的.blog-main将需要以下样式：

.blog-main {
    display: flex;
    flex-wrap: wrap;
    padding: 3%;
    background-color: #f0f0f0;
    float: left !important;
}

目前看起来像这样：

.blog-main {
    padding: 3%;
    background-color: #f0f0f0;
    float: left !important;
}

这样就可以按预期工作。

这是有效的，因为flex技术将确保所有div之间的水平对齐相等。