Zurb Block-Grid带有清除功能

Question

我正在使用最新版本的Foundation（版本5），当尝试使用块网格显示包含在行中的图像时，我无法获得所需的结果。 图像应跨越3横跨那里似乎有2横穿并留下空白等...请看下面的屏幕截图

<div class="row">   
                    <div class="small-12 columns">
                        {% if product.images.size > 1 %}
                        <ul class="small-block-grid-3 clearing-thumbs" data-clearing>
                            {% for image in product.images offset:1 %}
                                <li><a href="{{ image.src | product_img_url: 'large' }}"><img src="{{ image.src | product_img_url: 'compact' }}" alt="{{ image.alt | escape }}" /></a></li>
                            {% endfor %}
                        </ul>
                        {% endif %} 
                    </div>
                </div>

Answer 1

我能够通过使用[data-clearing] li {margin-right：0px; }