IE11和Microsoft Edge中的Bootstrap 4表列宽格式不正确

Question

有人在使用IE11或Microsoft Edge时遇到过Bootstrap4表列格式不正确的问题吗？

请查看小提琴-- https://jsfiddle.net/vqazpa15/

(这在IE11 / Edge中不起作用，但在火狐/Chrome中有效)

<table class="table">
    <thead>
        <tr class="row">
            <th class="col-2">column 1</th>
            <th class="col-3">column 2</th>
            <th class="col-7">column 3</th>
        </tr>
    </thead>
</table>

(这在我测试的所有浏览器中都有效)

<div class="row">
    <div class="col-2">column 1</div>
    <div class="col-3">column 2</div>
    <div class="col-7">column 3</div>
</div>

这里有两个例子。第一个示例将内容包装在一个表中。第二个是包装在div中的内容。正如你所看到的，在火狐和Chrome中，两个示例的格式都很好，但在IE11和Edge中，只有'div‘示例的格式正确--表格变得乱七八糟。

有人知道这是怎么回事吗？

提前感谢！

Answer 1

我在Bootstrap's Github和Mark上创建了一个issue，告诉您不要在表上使用row和col类，因为它们是flexboxes，因此破坏了表的显示属性。