Zurb Foundation 6 中心单元，没有外部 .row div

如何解决Zurb Foundation 6 中心单元，没有外部 .row div

我正在尝试使用 Jekyll 和 Zurb Foundation 6 动态生成“卡片”。我在大屏幕上有 3 张卡片，在中等屏幕上有 2 张卡片，在小屏幕上有 1 张卡片。由于我是动态生成这些内容的，有时在中等屏幕上最后一行只有 1 张卡片，或者在大屏幕上只有 2 张卡片。我如何将它们居中？

  <div class="grid-x" data-equalizer>
    {% assign sorted = site.data.projects | sort:"name" %}
    {% for project in sorted %}
      {% if project.featured %}
        {% assign link = project.link %}
        {% assign name = project.name %}
        {% assign imgpath = project.image-path %}
        {% assign shortdesc = project.short-desc %}
        <div class="cell small-12 medium-6 large-4" data-equalizer-watch>
          {% include project-card.html %}
        </div>
      {% endif %}
    {% endfor %}
  </div>

我曾尝试每 2 个 div 应用一个带有 .row 的 div，但这在大屏幕上不起作用，也不能用 .row 包装整个内容（在 .grid-x 内） .我也尝试过使用不同方法的 .center 类，但它们也不起作用。我还使用了 Foundation 的 .text-center。我该怎么做？