有没有办法在 Zurb Foundation 5 中制作不均匀的 div？答案

【问题标题】：Is there a way to make uneven div in Zurb foundation 5?有没有办法在 Zurb Foundation 5 中制作不均匀的 div？
【发布时间】：2015-01-11 14:19:43
【问题描述】：

我知道 Foundation 中块网格的用法。现在我想制作不均匀的 div 例如，两行三列。左侧的列在每一行中都有一个 div。右边的列也是如此。中间的列应该只有一个 div 扩展到两行的全长。在 Foundation 5 中可以做到这一点吗？

【问题讨论】：

标签： zurb-foundation-5

【解决方案1】：

我不确定我是否正确理解了这个问题 - 无论内容如何，您是否都在寻求匹配的高度列？

如果是这样，Foundation 的均衡器插件会处理这个问题。希望这会有所帮助:)

Equalizer plugin for Foundation

【讨论】：

【解决方案2】：

您可以使用nested grids 解决您的问题：

<div class="row">
  <div class="small-4 columns">
    <div class="row">
        <div class="small-12 columns">Nested</div>
        <div class="small-12 columns">Nested</div>
    </div>    
  </div>
  <div class="small-4 columns" style="background-color:green;color:white;">Middle<br>next row</div>
  <div class="small-4 columns">
    <div class="row">
        <div class="small-12 columns">Nested</div>
        <div class="small-12 columns">Nested</div>
    </div>    
  </div>
</div>

【讨论】：