Bootstrap 4柔性网格在IE中不工作

我使用bootstrap4来实现一个灵活的网格。我在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中我能做些什么来补救这个问题?