有没有办法在 Zurb 基础 5 中制作不均匀的 div

Question

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

Answer 1

我不确定我是否正确理解了这个问题 - 您是否希望拥有匹配的高度列，无论内容如何？

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

基金会的均衡器插件

Answer 2

您可以使用嵌套网格来解决问题：

<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>