В bootstrap 3
я мог бы применить теги col-sm-xx
к тегам th
в столбцах thead
и изменить размер таблицы по умолчанию. Однако это не работает в bootstrap 4. Как я могу добиться чего-то подобного в bootstrap 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>
Глядя на код, если он не имеет правильного размера, особенно если вы добавите некоторые данные в таблицу. Посмотрите, как это работает:
<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>