如何在div中使用数据过滤器

Question

以下代码有效。

<ul><li>
  <a href="#" data-filter=".design">
    <h3>Render Plan</h3>
  </a>
</li></ul>

<div class="design col-md-3">
    <a data-fancybox="gallery" href="images/01_RenderPlan/Big Size Images/Turiya_FloorPlan_Big_01.jpg"><img src="images/01_RenderPlan/Thumbnail Images/Turiya_FloorPlan_Small_01.jpg" class="web"></a>
</div>

但是当我试图将它放在另一个div中时，它无法过滤数据。 例如：

<div class="row">
    <div class="design col-md-3">
        <a data-fancybox="gallery" href="images/01_RenderPlan/Big Size Images/Turiya_FloorPlan_Big_01.jpg"><img src="images/01_RenderPlan/Thumbnail Images/Turiya_FloorPlan_Small_01.jpg" class="web"></a>
    </div>
</div>

如何过滤div中的数据。谢谢