bootstrap-4 - 使用 ReactStrap (Bootstrap4) 在浏览器窗口中间居中两张卡片

Question

我正在使用 reactstrap（基于 Bootstrap4）来创建一个 React 应用程序。我正在尝试创建一对并排的卡片（登录和注册集），当浏览器很小时，它们会一个在另一个之上。我可以让它们水平居中，但不能垂直居中。似乎容器/行/列没有扩展以填充窗口。一个人将如何解决这个问题？

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