Table


displayunchanged positionunchanged z-indexunchanged font-size scalingyes breakpointsno

Class list

  • .table
  • .table.tight
  • .table.tighter
  • .table.border-all
  • .table.border-bottoms
  • .table.striped-odd
  • .table.striped-even
  • .table.row-hover
  • .table .border-all
  • .table .border-bottoms
  • .table .striped-odd
  • .table .striped-even
  • .table .row-hover

Example

Lorem Ipsum Dolor
lorem ipsum dolor
lorem ipsum dolor
<table class="table border-bottoms">
    <thead class="striped-odd">
        <tr>
            <th>Lorem</th>
            <th>Ipsum</th>
            <th>Dolor</th>
        </tr>
    </thead>
    <tbody class="row-hover striped-even">
        <tr>
            <td>Lorem</td>
            <td>Ipsum</td>
            <td>Dolor</td>
        </tr>
        <tr>
            <td>Lorem</td>
            <td>Ipsum</td>
            <td>Dolor</td>
        </tr>
    </tbody>
</table>