如何对齐页脚列基础 zurb

Question

我正在尝试创建页脚导航。我关注了 Gary Jennings 的一段视频。我复制了他在 HTML 和 CSS 中所做的一切。我的页脚没有水平对齐，而是在一列中堆叠在一起。我需要我的页脚有 3 列并排设置。

这是其中一个部分或 "columns" 在代码中的样子。 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>

如何对齐页脚列基础 zurb

How to align footer columns foundation zurb

footer

zurb-foundation

zurb-foundation-6