tryfoundation_equalizer_nested 在线代码实例

 <div class="row" data-equalizer="first">
  <h2>内嵌均衡器</h2>
  <p>一个均衡容器内嵌入另一个均衡容器:</p>
  <div class="medium-4 columns">
    <div class="panel" data-equalizer-watch="first">
    <h3>面板</h3>
    <div class="row" data-equalizer="second">
      <div class="panel" data-equalizer-watch="second">
        <h3>内嵌面板</h3>
         <p>W3Cschool教程 -- 学技术，从W3Cschool开始！</p>
      </div>
      <div class="panel" data-equalizer-watch="second">
        <h3>内嵌面板</h3>
        <p>W3Cschool教程 -- 学技术，从W3Cschool开始！</p>
      </div>
      <div class="panel" data-equalizer-watch="second">
        <h3>内嵌面板</h3>
        <p>W3Cschool教程 -- 学技术，从W3Cschool开始！</p>
      </div>
    </div>
    </div>
  </div>
  <div class="medium-4 columns">
    <div class="panel" data-equalizer-watch="first">
    <h3>面板</h3>
       <p>W3Cschool教程 -- 学技术，从W3Cschool开始！</p>
       <p>W3Cschool教程 -- 学技术，从W3Cschool开始！</p>
    </div>
  </div>
  <div class="medium-4 columns">
    <div class="panel" data-equalizer-watch="first">
    <h3>面板</h3>
       <p>W3Cschool教程 -- 学技术，从W3Cschool开始！</p>
    </div>
  </div>
</div>

<!-- 初始化 Foundation JS -->
<script>
$(document).ready(function() {
    $(document).foundation();
})
</script>