Html IE10和x2B中flexbox容器中的垂直对齐（引导3）元素；11

当使用flexbox将一行中的两个引导列垂直居中时，我遇到了IE10+11的问题

列具有动态内容，行的最小高度必须为65px。但是，如果内容扩展为几行文本，行的高度应该能够增加-仍然保持列垂直对齐。因此，指定固定高度不是一个选项

问题是，在IE10+11中，flexbox仅在特定高度下工作，而不是最小高度

我尝试了显示表格单元格、float:none等，但它打破了引导中的列偏移量

有人知道这个问题的解决方法吗

html：

<div class="row">
  <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">Title - I can be any size</div>
  <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">Optional sub title - I can be any size</div>
</div>

---

（包括供应商前缀。）

我们似乎可以通过使用另一个flex定义将

.row

包装到元素中来解决最小高度错误，如下所示：

<div class="row-fix">
    <div class="row">
        <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">Title - I can be any size</div>
        <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">Optional sub title - I can be any size</div>
    </div>
</div>

可能重复：

<div class="row-fix">
    <div class="row">
        <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">Title - I can be any size</div>
        <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">Optional sub title - I can be any size</div>
    </div>
</div>

.row-fix {
     display: flex;
     flex-direction: row;
 }
.row {
    min-height: 65px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}