Bootstrap 4（Alpha 6）列：col-x-n在表中被忽略？

Question

請看下面的jsfiddle這說明我一直有一個問題，今天

https://jsfiddle.net/juuxhbf7/

誰能告訴我，爲什麼所有的col-md-n似乎被忽略和第一列集超寬？從實驗我可以設置其中一列佔用了大部分空間（雖然不是我要求的比例）...

https://jsfiddle.net/s1tv8kby/

但嘗試設置多臺，而這僅僅是第一個獲得任何東西 - 再次超寬。

https://jsfiddle.net/rdg1b6xw/

注：我已經看過this question，但所提供的解決方案也似乎沒有幫助。

Answer 1

確保您在表格中使用.table類。另外，我不確定在BS 4中支持表中的col-*類，因爲flexbox是列的默認值。您可以使用d-inline-block類作爲解決方法。

<table class="table table-striped"> 
    <tr class="whatever"> 
     <th>A</th> 
     <th class="d-inline-block col-4">B</th> 
     <th class="d-inline-block col-6">C</th> 
     <th>D</th> 
    </tr> 
    </table> 

http://www.codeply.com/go/yNvGobGjOC