Zurb Block-Grid с изчистване

Използвам най-новата версия на 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="/bg{{ 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>