Исходный код Foundation 6 и ISOTope Column Width

Question

Непонятно, почему это не работает, когда я добавляю столбцы за пределами оболочки ISOTope, разделители столбцов работают с базой Foundation 6, но при добавлении классов столбцов в div в ISOTope Ширина больше не работает.

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 фонд 6-х Опция «Сетка». Это исправило мою проблему.