如何避免网格中的空单元格？

Question

请看屏幕：

请有人告诉我，如何避免网格中出现这样的空单元格？ Foundation中是否有任何内置功能，还是需要编辑css？

代码：

{% extends 'main.html' %}
{% load staticfiles %}

{% block show %}

    <div class="row large-collapse">
        <div class="large-12 columns">

            {% for show in shows %}

                <div class="large-4 columns">
                    <div class="panel">
                        <h4><a href="/shows/get/{{ show.id }}">{{ show.show_name }}</a></h4>
                        <img src="{% static 'app_shows_and_times/images/poster.jpg' %}" width=200>
                        <h6>Genre: {{ show.show_genre }}</h6>
                        <h6>Length: {{ show.show_length }}</h6>
                        <h6>Origin: {{ show.show_origin_country }}</h6>
                    </div>
                </div>

            {% endfor %}

        </div>
    </div>

{% endblock %}

这是Django的模板，所以我不确定在这种情况下是否有必要使用小提琴。

Answer 1

可能是，因为您的列不会添加到12。修改它们，您可能需要检查Foundation's block-grid

旁注，最好发布 HTML 代码，甚至更好地制作fiddle