ВBootstrap 3Я мог бы подать заявкуcol-sm-xx кth теги вthead и изменить размер столбцов таблицы по желанию. Однако это не работает в начальной загрузке 4. Как я могу добиться чего-то подобного в начальной загрузке 4?

<thead>
<th class="col-sm-3">3 columns wide</th>
<th class="col-sm-5">5 columns wide</th>
<th class="col-sm-4">4 columns wide</th>
</thead>

Глядя на codeply, он не имеет правильного размера, особенно если вы добавляете некоторые данные в таблицу. Посмотрите, как это работает:

<div class="container" style="border: 1px solid black;">
    <table class="table table-bordered">
    <thead>
        <tr class="row">
            <th class="col-sm-3">3 columns wide</th>
            <th class="col-sm-5">5 columns wide</th>
            <th class="col-sm-4">4 columns wide</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>123</td>
            <td>456</td>
            <td>789</td>
        </tr>
    </tbody>
</table>
</div>