数据-均衡器基金会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

这里的工作版本：小提琴

确保包含基金会均衡器脚本并在页面加载时初始化Foundation。

$(document).foundation();