Как избежать пустых ячеек в сетке?

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, так Im не уверен, если это необходимо использовать скрипку в этом случае.

Answer 1

Может быть это потому, что ваши столбцы не добавлять до 12. Пересмотреть их, и вы можете проверить Foundation's block-grid

примечание стороны, было бы лучше разместить свой HTML код, и даже лучше сделать fiddle