特殊基金会框架响应网格

Question

我正在使用Zurb基础框架的4.2.1版，我正试图有条件地将框放到small设备的新行上。见图：

我找到了一种方法来完成这项工作，但是当方框具有不均匀的高度时，我的方法会中断。我的半工作代码目前看起来像this。

但是当我改变某些方框的大小时，它会像this一样断开。

最糟糕的是，我可以使用min-height和max-height来确保这些框保持相同的尺寸？

Answer 1

原来有一个非常简单的解决方案。使用块网格而不是普通网格，如下所示：

  <ul class="small-block-grid-2 large-block-grid-4">
    <li style="outline:solid black 1px;">Test</li>
    <li style="outline:solid black 1px;">Test</li>
    <li style="outline:solid black 1px;">Test</li>
    <li style="outline:solid black 1px;">Test</li>
  </ul>

希望这有助于某人。