Css 将flex列分为两行

我有以下专栏（小提琴：）

使用

flex

，柱的高度相同：

@media (min-width: 992px) {
       .columns-equal {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
    }
}

（用于保持响应性的媒体）

如何将第二列划分为两行以填充整个列？例如。：

（我想使行的内容居中）

---

flex

是好方法吗？我相信我可以使用桌面显示，但它破坏了响应能力

您也可以将

列边框的
元素
显示设置为
flex
，并使用
列nowrap的
flex flow
。将
col bordered
的子元素上的
flex
设置为
1
，将强制它们具有相同的高度

我还将
col bordered
的
flex
属性设置为
0 1 50%
，以使它们具有相同的宽度

这是一个例子


/*作为外部资源包含最新编译和缩小的CSS*/
/*可选主题*/
@导入url（'//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap theme.min.css'）；
身体{
利润率：10px；
}
.列相等{
显示：-网络工具包盒；
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
}
col边界{
显示器：flex；
柔性流动：柱状nowrap；
弹性：01 50%；
}
.col-bordered div{
弹性：1；
}
.世界其他地区-acc-1{
背景颜色：绿色
}
.世界其他地区-acc-2{
背景颜色：红色
}
col边界{
边框：2件纯黑
}

洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆
试验
测试2
谢谢，这正是我想要的。