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

有谁请告诉我，如何避免在网格中这样的空单元格？ 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的模板，所以林不知道是否有必要在这种情况下使用的小提琴。

来源

2015-08-28 TitanFighter