Bootstrap 4灵活网格在IE中不起作用

Question

我正在使用Bootstrap 4来实现灵活的网格。我在IE 11中遇到了一个问题，其中flexbox无法正确响应这样的简单网格：

<div class="container-fluid">
  <table class="table table-hover">
    <tr class="row">
      <td class="col-sm-2 red">16.67%</td>
      <td class="col-sm-2 blue">16.67%</td>
      <td class="col-sm-3 green">25%</td>
      <td class="col-sm-1 yellow">8.33%</td>
      <td class="col-sm-1 orange">8.33%</td>
      <td class="col-sm-3 purple">25%</td>
    </tr>
  </table>
</div>

这是Fiddle，在Chrome和Firefox中效果很好。我该怎么办才能在IE中对此进行补救？