在Bootstrap 4中将100％的父容器排成一行

Question

我想要一行扩展到它的父高度的100％。我试过

height: 100%;

行元素上的

但它不起作用。父容器还具有display属性flex。关于如何做到这一点的任何想法？

这是codepen：

https://codepen.io/anon/pen/mqxpwJ