如何调整页脚柱基础zurb

Question

我正在尝试创建页脚导航。我观看了Gary Jennings的视频。我复制了他在HTML和CSS中所做的一切。我的页脚不是水平对齐，而是彼此叠放的一列。我需要页脚彼此相邻设置3列。

这是代码中的部分或“列”之一。code view

website view

Answer 1

尝试使用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>