Bootstrap 4 .container + .row在内部弯曲100％高度，结果不同

Question

我需要使.left和.right 至少页面高度的100％高度。我将.h-100（height: 100%）添加到.container和.row。 Fiddle

IE 11，Firefox，Edge就像一个魅力：

然而在Chrome中：

这是一个知道错误吗？我该如何解决？

编辑：已关闭，但原始问题并未说清楚答案。 Working fiddle，解决了将display: flex和flex-grow: 1添加到.main和.container-fluid的问题。