Bootstrap 4表列寬度在IE11和Microsoft Edge中未正確格式化

Question

有沒有人在使用IE11或Microsoft Edge時遇到Bootstrap 4表列未正確格式化的問題？

請檢查出的小提琴 - https://jsfiddle.net/vqazpa15/

（這並不在IE11 /邊工作，但在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中只有'div'例子格式正確 - 表格變得棘手。

有誰知道發生了什麼事？

在此先感謝！

Answer 1

我在Bootstrap's Github創建issue和Mark表示不使用上表中的row和col類，因爲它們是flexboxes，從而打破錶的顯示性能。