使用ReactStrap（Bootstrap4）将两张卡放在浏览器窗口中间

Question

我使用reactstrap（基于Bootstrap4）来创建React应用程序。我正在尝试创建一对并排的卡（登录和注册集），当浏览器很小时，它会一个在另一个之上。我可以让它们水平居中，但不能垂直居中。似乎容器/行/ col不会扩展以填充窗口。怎么会以此为中心呢？

有关工作示例，请参阅https://codesandbox.io/s/71r9x2ynwx。