Html ZURB地基清理与砌体的结合

我正在为我的妻子建立一个投资组合，我刚刚开始获得足够的知识，使之成为现实。 我用Zurb基金会作为起点，试图把DeDunro砌体与清理结合起来展示她的作品。 如何结合使用缩略图使其工作？我已经发布了两个标记结构的示例

以下是砌体的标记：

<div class="row">
<div id="container" class="large-12 columns transitions-enabled large-centered clearfix">
  <div class="box col2" style="background: #2ADfFE"><h4>Ilustracions</h4></div>
  <div class="box col2"><a href="#"><img src="img/1.jpg"/></a>
  </div>

Ilustracions

这里是一个用于清理的：

<ul class="clearing-feature" data-clearing>
    <li class="clearing-featured-img">
      <a href="img/1.jpg" alt="1">
        <img class="thumbs" data-caption="1" src="img/thumb/1.jpg">
      </a>
    </li>
</ul>

如果有人有想法，我们将不胜感激。 谢谢

---

Cu/BP> < P>你必须把Zurb基金会与DeSDERO的砌体整合在一起有点棘手，有一个类似的问题被问到，我提供了一个答案，以及一个与Github

托管的两个预先整合的链接。 谢谢你的回答。 我已经弄明白了，我正在使用

清除特色img

类只显示我想要显示的一个。我不确定它是否完全符合语义，但该页面已通过w3c验证。 以下是标记：

<div class="row">
<div id="container" class="large-12 columns transitions-enabled large-centered clearfix">
<ul class="clearing-thumbs clearing-feature" data-clearing>
  <li class="clearing-featured-img"><div class="box col2"><a href="img/...jpg"><img data-caption="..." src="img...jpg" alt=""/></a>
  </div></li>
  <li class="clearing-featured-img ilu"><div class="box col2"><a href="img/...jpg"><img data-caption="..." src="img...jpg" alt=""/></a>
  </div></li>