html - 如何在 Bootstrap 3 中生成 "jagged"行？

Question

“参差不齐”是这里最好的描述符吗？我不知道。我认为以下屏幕截图和模型足以说明这一点。 基本上，我如何使用 Bootstrap 3 获得所需的 UI？

标记(为简洁起见被截断)

<div class="row projects">
  <div class="project col-sm-4 text-center">
    Project description and picture goes here.
  </div>

  <div class="project col-sm-4 text-center">
    Project description and picture goes here.
  </div>

  <div class="project col-sm-4 text-center">
    Project description and picture goes here.
  </div>
</div>

<div class="row projects">
  <div class="project col-sm-4 text-center">
    Project description and picture goes here.
  </div>
</div>

实际

想要的

Answer 1

这不是 Bootstrap 3 的默认功能。您需要一个外部 JS 库。我个人的偏好是同位素 - http://isotope.metafizzy.co/