IE11中的Flexbox包装

Question

我想使用我发现的这个编解码器，因为我只是喜欢它的一般外观来显示简短的文章摘要。 https://codepen.io/starise/pen/ZbYPRq

CSS：

body { background: #eee }

.container-fluid { max-width: 1200px; }

header {
    background: #563d7c;
    padding: 2em 1em;
    color: #fff;
    margin-bottom: 2em;
    h1 {
        font-weight: 200;
    }
}

.card {
    background: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    img {
        width: 100%;
    }
}

[class*="row"] {
    margin-bottom: 1em;
  justify-content: center;
}

[class*="col-"] {
    background: #efefef;
    border: 1px solid #ddd;
    padding-top: .75rem;
    padding-bottom: .75rem;
    width: 100%;
}

连同引导程序文件。

出于某种原因，包装在IE11中不起作用，在其他浏览器中看起来很好，但我无法弄清楚这个IE的哪个部分并不适合。我已尝试应用一些我已经看过的修复程序，但我认为我对bootstrap和flexbox不够熟悉，看看这个明显的问题可能是什么。如果我需要以某种方式解决这个问题，请告诉我，我不确定要包含哪些细节，因为它不是我的代码，但我想将它用于某个网站。

编辑：这看起来与迈克尔相似，但那里的修补似乎并没有解决问题。不知道为什么。