基础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'选项。这解决了我的问题。