Data-Equalizer Foundation 5 не работает

Question

Я попытался использовать эти data-equalizer на основе фундамента, чтобы иметь одинаковую высоту для каждого столбца и, следовательно, иметь возможность центрировать по вертикали текст в этом столбце.

Вот HTML:

<div class="row" data-equalizer> 
<div class="small-2 columns" data-equalizer-watch style="background: #ff0000;"> 
    <span>Monday:</span> 
</div> 
<div class="small-5 columns" data-equalizer-watch> 
    <label>Start Time 
     <input type="text" class="time start ui-timepicker-input" autocomplete="off" alt="{{timestampStart}}"> 
    </label> 
</div> 
<div class="small-5 columns" data-equalizer-watch> 
    <label>End Time 
     <input type="text" class="time end ui-timepicker-input" autocomplete="off" alt="{{timestampEnd}}"> 
    </label> 
</div> 

Я также создал JSFiddle для того, чтобы вы могли видеть то, что я имел в виду -> Я хочу, чтобы красный фон из «понедельник» идет до конец строки.

Спасибо за помощь.

Answer 1

Рабочая версия здесь: Fiddle

Убедитесь, что вы включили эквалайзер сценарий Foundation и инициализирует Foundation на странице загрузки.

$(document).foundation();