如何在两个表中对齐列宽？

Question

我有两个表在语义上是不同的，所以它们应该分开，IMHO。然而，我想对齐他们的列。因此，我发现可以通过在表中设置w--classes来控制表中的列宽。这对于第二张桌子(这是我开始使用的第一张)很好。但是当我把第一张桌子加在上面的时候，亵渎者--不仅他们的列不对齐，甚至列宽的关系--似乎与w--values不相对应。

小提琴这里.

theadof table1：

<thead class="bg-secondary">
  <tr>
    <th class="w-8">Model Name</th>
    <th class="w-8">Y</th>
    <th class="w-15">S</th>
    <th class="w-15">R<sup>2</sup>(%)</th>
    <th class="w-15">R<sup>2</sup>-Adj (%)</th>
    <th class="w-39">&nbsp;</th>
  </tr>
</thead>

和table2：

<thead class="bg-secondary">
  <tr>
    <th class="w-8">Var</th>
    <th class="w-8">Include</th>
    <th class="w-15">Expression</th>
    <th class="w-15">Coefficient</th>
    <th class="w-15">StdErr</th>
    <th class="w-15">T</th>
    <th class="w-15">P</th>
    <th class="w-9">&nbsp;</th>
  </tr>
</thead>

Answer 1

没有w-8，w-15等.在第四节。

宽度调整类是w-25、w-50、w-75、w-100和w-auto。

请参阅docs：http://getbootstrap.com/docs/4.1/utilities/sizing/