capint
3/4/2016 - 8:38 PM

CSS >> Bootstrap >> Table

CSS >> Bootstrap >> Table

<div class="table-responsive">: creates a responsive table which will scroll horizontally on small devices
<table class="table">
<table class="table table-striped">: adds zebra-stripes to a table
<table class="table table-bordered">: adds borders on all sides of the table and cells
<table class="table table-hover">: enables a hover state on table rows
<table class="table table-condensed">: makes a table more compact
  <thead>
    <tr>
      <th>Firstname</th>
      <th>Lastname</th>
      <th>Email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
    <tr class="success">: color the table row
      <td>John</td>
      <td>Doe</td>
      <td>john@example.com</td>
    </tr>
  </tbody>
</table>
</div>