多行的基础网格对齐

Question

我在重复基础＆＃34;中4列＆＃34;时遇到问题。当它进入第二行时，网格表现非凡...... 看看我的link1 在Chrome中它从第二行开始......在Firefox中它会刹车。 此外，均衡器不在此页面上工作..正在处理其他页面，如link2

Answer 1

Foundation框架具有默认的12列网格结构。

最佳使用方法是每12列使用row类。

问题：

如果你看看你的第二根柱 - 凹陷的低光透镜。与该行中的其余列相比，它占用更多高度。所以具有float：left的product2不能浮动到行的开头。

解决方案：

1.每12列使用row类。

2.如果您有复杂的网格结构，并且您不能使用row类在product2上使用clear:both来将其对齐到新行中。

检查此答案不是基于foundation，而是基于类似问题 - LINK

Answer 2

虽然Sai Ram Sudheer在基金会的12列网格中确实有正确答案，但您还应该查看block-grid功能。