<!-- The container width must be set -->
<div class="col-md-12">
<!-- Migrating from bootstrap 3 "table-responsive" could cause display issues -->
<table class="table table-responsive table-striped table-hover table-sm">
<!-- set the columns in the head to avoid repeated code in the rows -->
<thead>
<!-- the tr must be set to row and optionally width depending on your needs -->
<tr class="row col-xs-12">
<!-- Now you can set the column widths -->
<th class="col-xs-9">Location</th>
<th class="col-xs-3">Actions</th>
</tr>
</thead>
<tbody>
<!-- In some cases I have also had to set the column rows -->
<tr class="row col-xs-12">
<td class="col-xs-9">...</td>
<td class="col-xs-9">...</td>
</tr>
</tbody>
</table>
</div>
<a href="https://rapidmod.io/">Rapidmod.io</a>
Comments