IE11でbootstrap4のModalの.modal-dialog-centered が効かない対策(CSSのみ）

本家でも把握されてるのでいつか対策されると思いますので、暫定的な対策としてCSSだけ解決する方法です

.modal-dialog-centered {
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  height: calc(100% - (.5rem * 2));
}

@media (min-width:576px) {
  .modal-dialog-centered {
    height: calc(100% - (1.75rem * 2));
  }
}

IE11のflexboxの縦方向が中央によらないバグに対応すれば直りました。
min-heightの指定はそのまま残してても大丈夫です。

参考サイト）

• Modal · Bootstrap
• Class modal-dialog-centered does not work on IE 11 · Issue #25569 · twbs/bootstrap · GitHub
• IE11 の flexbox の中央揃えが難しい