基础5中的等高柱

Question

新基金会。

在基础5中创建三列（内部1行），它们的高度相等......

理想情况下，我想要这个结构

<div class="about-us">
  <div class="row">
    <div class="columns medium-4">
      CONTENT 1
    </div>
    <div class="columns medium-4">
      CONTENT 2
    </div>
    <div class="columns medium-4">
      CONTENT 3 with lots of content here
    </div>
  </div>
</div>

这是他们目前的样子（就内容而言） ：

第3列将是内容最多的第3列，因此设置高度（所有其他都应该相等）。

我希望避免在包含display: flex课程上设置.row，以避免将来依赖基金会。我也想避免使用javascript和Foundation的均衡器。

我对Foundation的理解是默认情况下列扩展到相同的高度？

他们也应该在手机上堆叠。

我确定它可能，但我错过了一些简单的事情。

由于