请注意， 滑块需要JavaScript。所以你需要初始化基础JS:

例子

div class=\’row\’ 数据均衡器

div class=\’中4 列面板\’ data-equalizer-watch

洛雷姆·伊普苏姆.

/div

div class=\’中4 列面板\’ data-equalizer-watch

sed 乌.

/div

div class=\’中4 列面板\’ data-equalizer-watch

洛雷姆·伊普苏姆.

/div

/div

!– 初始化Foundation JS —

脚本

$(文档).ready(函数() {

$(文档).foundation();

})

/脚本

不同屏幕的均衡器

通过在均衡器上添加data-equalizer-mq=\’value\’ 属性，为不同的屏幕尺寸设置相同的高度。该值可以是以下之一：

值说明实例中上默认值。创建一个相同高度的容器，宽度大于40.063em large-up 创建一个相同高度的容器，宽度大于64.063em 尝试xlarge-up 创建一个相同高度的容器，宽度大于90.063em 尝试xxlarge-up 创建一个相同高度的容器，宽度大于120.063em 尝试一下

嵌套内容

为data-equalizer 和data-equalizer-watch 属性添加相同的值。这将连接到均衡器容器。多次重复嵌套均衡器以确保它们匹配：

例子

!– 均衡容器–

div class=\’row\’ data-equalizer=\’first\’

div class=\’中4列\’

div class=\’面板\’ data-equalizer-watch=\’first\’

h3面板/h3

!– 均衡容器内的均衡容器–

div 类=\’行\’ 数据均衡器=\’第二\’

div class=\’面板\’ data-equalizer-watch=\’第二\’

h3嵌套面板/h3

pLorem ipsum./p

/div

div class=\’面板\’ data-equalizer-watch=\’第二\’

h3嵌套面板/h3

pLorem ipsum./p

/div

div class=\’面板\’ data-equalizer-watch=\’第二\’

h3嵌套面板/h3

pLorem ipsum./p

/div

/div

/div

/div

div class=\’中4列\’

div class=\’面板\’ data-equalizer-watch=\’first\’

h3面板/h3

把enim./p

/div

/div

div class=\’中4列\’

div class=\’面板\’ data-equalizer-watch=\’first\’

h3面板/h3

pLorem ipsum./p

/div

/div

/div