Foundation 6 和 ISOTope 列宽问题

Question

不确定为什么这不起作用，当我在 ISOTope 包装器之外添加列时，列 div 可以与 Foundation 6 框架一起使用，但是当将列 类 添加到 ISOTope 内的 div 时，宽度不再工作。

http://foundation.zurb.com/
http://isotope.metafizzy.co/

HTML:

 <div class="">
      <!-- ISO Tope -->
      <div class="filters row">
        <ul>
          <li>
            <button data-filter="*">all</button>
          </li>
          <li>
            <button data-filter=".one">one</button>
          </li>
          <li>
            <button data-filter=".two">two</button>
          </li>
        </ul>
      </div>
      <div class="grid row">
        <div class="grid-item one small-12 medium-6 large-4 columns">one</div>
        <div class="grid-item two small-12 medium-6 large-4 columns">two</div>
        <div class="grid-item two small-12 medium-6 large-4 columns">two</div>
      </div>
      <!-- ISO Tope -->
    </div>

截图：

Answer 1

我没有使用 'Flex Grid'，而是使用了 Zurb Foundation 6 的 'Grid' 选项。这解决了我的问题。