Html 引导上的可变高度col-sm-4 div

在我的页面中，我有三列和许多行来显示以下元素

<div class="col-sm-4">
<img src="<?php echo $myURL; ?>" class="img-responsive img-thumbnail">
<p class="lead"><?php echo $mytext; ?></p>
</div>

“class=“img响应img缩略图”>

当所有$mytext的大小（行数）相同时，显示效果最佳。但是，如果一行中元素a和B有2行$mytext，元素C有3行，则下一行的元素C将不会显示

如何防止这种情况发生？理想情况下，行高度应该是行中三个元素高度中的最高值

---

编辑：如果您转到并缩小窗口的宽度，您将看到我所说的内容。

如果您使用循环生成内容，可以这样说

foreach ($posts as $post) {
  echo '<div class="col-sm-4">';
  ...
}

在css中，您可以添加以下内容

.clearfix { clear: both; }

---

这应该可以解决您的问题。

您是否有任何示例代码或网站链接。您所说的“未显示”是什么意思？它是落在新行中还是完全消失？哦，这就是问题所在，好吧，告诉您解决方案，您是使用循环生成代码还是逐块添加代码？

.clearfix { clear: both; }