确保数组占用整行

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中。