根据可变高度排列div

Question

这个html：

<div class="container">
  <div class="row">
    <div class="col-sm-6 col-md-4">
      <blockquote>...</blockquote>
    </div>
    <div class="col-sm-6 col-md-4">
      <blockquote>...</blockquote>
    </div>
    <div class="col-sm-6 col-md-4">
      <blockquote>...</blockquote>
    </div>
    <div class="col-sm-6 col-md-4">
      <blockquote>...</blockquote>
    </div>
    .
    .
    .
  </div>
</div>

产生这种布局：

有没有办法实现以下布局：

我应该研究哪些框架/库？