Css 根据上一列，垂直居中引导3列

我有两个引导列。在小型设备上，第二列应换行并显示在新行中。在其他设备上，这两列应相邻显示。第一列比第二列高，但高度不同。如果（且仅当）两列相邻显示，我希望根据第一列显示第二列垂直居中。如果它们显示在彼此下方，则不应有额外的空间

请参见以下示例（全屏运行并调整浏览器窗口大小）

.row{
边框：1px实心；
}
弗拉特科尔先生{
背景色：#009966；
}
海科尔先生{
背景色：#0099FF；
高度：75px；/*此值将被更改，固定值仅用于测试目的*/
}

A.
B

您可以使用媒体查询仅在更宽的屏幕上显示列

内联

@media screen and (min-width: 992px) {
  .col-md-4 {
    vertical-align: middle;
    display: inline-block;
    float:none;
  }
}

---

演示：

太好了，正是我想要实现的，谢谢！