Twitter bootstrap 3 垂直对齐.col md中每个响应图像旁边的文本-*

尝试了两种方法，在单独的.col md-*中实现响应图像旁边的垂直对齐文本

关于子元素

 .vcenter {
  min-height: 400px;
display: table-cell;
vertical-align: middle;
border: 1px solid red;
float: none;
}

以及使用表单元格方法的父-子对象

.parent {
  display: table;
}

.child {
  display: table-cell;
  vertical-align: middle;
}

但由于左边的图像反应灵敏，我如何在没有固定高度的情况下工作

---

小提琴：

只需添加

行高：400px到您的.child类，它将使文本垂直居中

注意：您可以使用calc、vw和vh使其灵活，例如
行高：calc（30vw+30vh）


.vcenter{
最小高度：400px；
显示：表格单元格；
垂直对齐：中间对齐；
边框：1px纯红；
浮动：无；
}
.家长{
显示：表格；
}
.孩子{
显示：表格单元格；
垂直对齐：中间对齐；
}
p{
显示：表格单元格；
高度：400px；
垂直对齐：中间对齐；
}

多行时的垂直居中文本

Hi Muhammad，抱歉忘了说文字不止一行。我更新了fiddle@user3108089我已经更新了我的答案，现在来看，要垂直对齐多行文本，应该使用显示表格单元格，然后将垂直对齐设置为中间。