Bootstrap 4 (Alpha 6) 列：col-x-n 在 table 中被忽略？

Question

请查看以下 jsfiddle，它说明了我今天遇到的一个问题

https://jsfiddle.net/juuxhbf7/

谁能告诉我为什么所有 col-md-n 似乎都被忽略了，而且第一列设置得超宽？通过实验，我可以将其中一列设置为占据大部分 space（尽管不是我要求的比例）...

https://jsfiddle.net/s1tv8kby/

但尝试设置多个，只有第一个得到任何东西 - 再次超宽。

https://jsfiddle.net/rdg1b6xw/

注意：我看过，但那里提供的解决方案似乎没有帮助。

Answer 1

确保您在 table 中使用 .table class。另外，我不确定 BS 4 是否支持在 col-* class 中使用 col-* classes，因为 flexbox 是列的默认值。您可以使用 d-inline-block class 作为解决方法。

  <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

Bootstrap 4 (Alpha 6) 列：col-x-n 在 table 中被忽略？

Bootstrap 4 (Alpha 6) columns: col-x-n being ignored in table?

twitter-bootstrap

bootstrap-4

twitter-bootstrap-4