Обеспечение того, что массив принимает целую строку

Question

Я использую Twitter Bootstrap для моего CSS, и у меня есть строка, которая может отображать до трех курсов в строке. Проблема заключается в том, что когда есть только один или два курса для строки, нижний колонтитул (который является содержимым ниже курсов) перемещается вверх (см. Изображение ниже, чтобы увидеть пример). Как обеспечить, чтобы содержание ниже курсов не продвигалось вверх, даже если есть только 1 или 2 курса?

Вот код на мой взгляд:

<div class="row"> 
    <% @courses.each do |course| %> 
    <div class="col-md-4"> 
     <%= course.name %>  
    </div> 
    </div> 
</div> 

Вот complete html and css.

Это example page.

Answer 1

Попробуйте поставить свой класс .pagination внутри DIV и затем добавить clear: both к вашему CSS.