You have to wrap any .table
in html container with .table-responsive
class to create responsive tables:
<div class="table-responsive">
<table class="table">
<thead><tr><th>First Name</th><th>Last name</th></tr></thead>
<tbody>
<tr><td>John</td><td>Doe</td></tr>
<tr><td>Fred</td><td>Bloggs</td></tr>
</tbody>
</table>
</div>
Responsive tables will scroll horizontally on small devices (<768px). There will be no differences for screens larger than 768px wide.