twitter-bootstrap Tables Responsive tables


Example

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.