Zurb foundation 如何对齐页脚柱基础ZURB

我正在尝试创建页脚导航。我看了加里·詹宁斯的视频。我复制了他在HTML和CSS中所做的一切。我的页脚不是水平对齐的，而是叠在一列上的。我需要我的页脚有3列设置在彼此旁边

这是代码中某个部分或“列”的外观。

---

尝试Zurb站点文档中的均衡器：

    <div class="grid-x grid-margin-x" data-equalizer data-equalize-on="medium" id="test-eq">
  <div class="cell medium-4">
    <div class="callout" data-equalizer-watch>
      <img src= "assets/img/generic/square-1.jpg">
    </div>
  </div>
  <div class="cell medium-4">
    <div class="callout" data-equalizer-watch>
      <p>Pellentesque habitant morbi tristique senectus et netus et, ante.</p>
    </div>
  </div>
  <div class="cell medium-4">
    <div class="callout" data-equalizer-watch>
      <img src= "assets/img/generic/rectangle-1.jpg">
    </div>
  </div>
</div>

佩伦特式居住者morbi tristique Sentecus et netus et ante

请使用标签<代码> ZURB基金会<代码>代替<代码>基金会<代码>。请提供更多的细节，如您使用的基金会网站版本。