Php 引导3-4列网格断开（如果高度不相同）

我尝试在4列布局中使用相同列高的响应图像，但由于某些原因，如果我没有为它们设置特定的高度，这些图像会破坏整个布局

您可以在此处看到实时工作示例：

以下是我正在使用的代码：

 <div class="container section-headline-wrap">
    <div class="section-headline">
      <h3>Oneshot Directory</h3>
     </div>
    </div>
    <div class="container hb-container" id="containera">

      <div class="row hb-row">

        <div class="col-md-12">
          <hr>
        </div>
     <?php
     foreach ($comics as $key => $comic) {
     echo '<div class="col-lg-3 col-md-4 col-sm-4 col-xs-6">';
     if($comic->get_thumb(true)) echo '<div class="thumbnail"><img class="img-
    responsive" src="'.$comic->get_thumb(true).'" />';
    echo '<div class="caption"><h4>' . $comic->name . '</h4>'; 
    echo '<div class="panel-footer"><a href="'. $comic->href() .'" class="btn btn-default btn-block">View Project</a></div></div></div></div>';
    }

echo prevnext('directory/', $comics);
?>
</div>
</div>

一次性目录

我建议你需要使用的例子，它真的很容易使用。