是什么导致IE11中Bootstrap 4模式底部的额外空间

Question

使用Internet Explorer 11和Bootstrap 4，模态底部会出现一个奇数间距，请参阅左侧的Internet Explorer 11屏幕截图和右侧的Chrome浏览器。

如果删除标签周围的div并输入，则间距会消失，但会使布局变大。

带有标签和输入的div越多，间距就越大。

任何人都可以提供任何指导吗？

谢谢！

Code Pen Here

HTML简而言之：

<div class="modal" tabindex="-1" role="dialog" id="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        NEW
      </div>
      <div class="modal-body">
        <div>
          <label>aaa</label>
          <input type="text" name="name" value="" />
        </div>
        ... more divs with labels make the space grow
      </div>
      <div class="modal-footer">

      </div>
    </div>
  </div>
</div>