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

代わりの 'フレックスグリッド' を使用して、私はZurb財団6の使用'Grid'オプション。これは私の問題を修正しました。