css - Bootstrap 3中的块连续垂直对齐的问题

我使用Bootstrap 3和Ruby On Rails制作Web应用程序。在索引页面上，我以“ col-lg-4 col-md-4 col-sm-6”块显示所有材料（如图），如果块的高度不同，则它们未垂直对齐



我如何将块连续对齐，如图2所示？？？



我不想使用js或为块设置通用高度

更新

在index.html.haml中：

.row
  - @parks.each do |park|
    .col-lg-4.hidden-md.hidden-sm.hidden-xs
      .map_index
        .image_wrapper
          = image_tag "http://maps.google.com/maps/api/staticmap?size=400x200&sensor=false&zoom=16&markers=#{park.latitude}%2C#{park.longitude}", class: "map_image"
        %h2
          = link_to park.address, park

CSS-引导程序的默认网格样式

最佳答案

您可以使用引导程序<div class="clearfix"></div>

演示在这里：http://jsfiddle.net/swm53ran/343/

clearfix div是响应式列重置