Twitter bootstrap 使用引导使每个列中的元素具有相同的高度

是否可以使用引导使橙色区域具有相同的高度，如下图1所示？即使里面的段落长度不同？我当前使用的结构如下所示，结果如图2所示

    <div class="row">
      <div class="col-sm-12 col-md-4">
        <h3></h3>
        <p></p>
      </div>
      <div class="col-sm-12 col-md-4">
        <h3></h3>
        <p></p>
      </div>
      <div class="col-sm-12 col-md-4">
        <h3></h3>
        <p></p>
      </div>
  </div>

图1

---

pic2

您可以使用

显示：表格单元格尝试此引导：

我将使用一个额外的div来包装h3标签。您可以为此div指定最小或固定高度，以获得所需的结果

CSS

.orange {
   height: 200px;
 }      

HTML

 <div class="row">
      <div class="col-sm-12 col-md-4">
        <div class="orange">
          <h3></h3>
        </div>
        <p></p>
      </div>
      <div class="col-sm-12 col-md-4">
        <div class="orange">
          <h3></h3>
        </div>
        <p></p>
      </div>
      <div class="col-sm-12 col-md-4">
        <div class="orange">
          <h3></h3>
        </div>
        <p></p>
      </div>
  </div>





在这里，您真正需要做的就是在橙色区域设置一个高度。像这样的东西就行了


您可以通过不设置预定义的高度来获得灵活性（如果您的文本很长怎么办）。尝试使用
map（）
函数获取最高元素的高度，并将此高度用于具有相同类的所有元素
 刚刚找到一个jquery插件解决了这个问题，所以不需要在css中设置固定高度。
这与@blake所要求的不一样。我要取消标题，因为我看不到从这里附加的图片。
.h3 {
    height: 150px;                /* Your height goes here */
    background-color: orange;
}