Data-Equalizer Foundation 5无法正常工作

时间:2015-06-02 15:06:49

标签: html css zurb-foundation-5

我尝试在基础框架上使用这些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,以便您可以看到我的意思 - &gt;我希望“星期一”的红色背景一直持续到行结束。

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

此处的工作版本:Fiddle

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

$(document).foundation();