IE11およびMicrosoft Edgeでブートストラップ4テーブルの列幅が正しくフォーマットされていない

Question

IE11またはMicrosoft Edgeを使用しているときにブートストラップ4テーブルの列が正しくフォーマットされないという問題が発生しましたか？ （これは、IE11 /エッジでは動作しませんが、Firefoxの/ Chromeで動作します） https://jsfiddle.net/vqazpa15/

<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> 

フィディルドには2つの例があります。最初の例では、コンテンツはテーブルにラップされています。 2番目はdivにラップされたコンテンツです。あなたが見ることができるように、両方の例がFirefoxとChromeではうまくフォーマットされていますが、IE11とEdgeでは「div」のサンプル形式だけが適切にフォーマットされています。

誰でも何が起こっているのか知っていますか？

ありがとうございます！

Answer 1

私はBootstrap's GithubとMarkにissueを作成しましたが、彼らはflexboxesであり、したがって、テーブルの表示プロパティを壊すので、テーブルの上にrowとcolクラスを使用していないと述べました。