在IE11和Microsoft Edge

Question

使用IE11或Microsoft Edge时，是否有人遇到Bootstrap 4表列未正确格式化的问题？

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

（这在IE11 / Edge中不起作用，但在Firefox / 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中。正如你可以看到两个示例格式在Firefox和Chrome中都很好，但在IE11和Edge中只有＆＃39; div＆＃39;示例格式正确 - 表格变得棘手。

有谁知道发生了什么？

提前致谢！

Answer 1

我在issue上创建了Bootstrap's Github，而Mark表示不要在表格上使用row和col类，因为它们是flexboxes和从而打破了表的显示属性。