Tables

Documentation and examples for opt-in styling of tables.

Basic Table

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry Bird @twitter 
<table class="table">
    <thead>
        <tr>
            <th>#</th>
            <th>First</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Mark</td>
        </tr>
    </tbody>
</table>

Striped Rows

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry Bird @twitter 
<table class="table table-striped">
    ...
</table>

Bordered Table

# First Last
1 Mark Otto
2 Jacob Thornton 
<table class="table table-bordered">
    ...
</table>

Hoverable Rows

# First Last
1 Mark Otto
2 Jacob Thornton
3 Larry Bird 
<table class="table table-hover">
    ...
</table>

Table Colors

Class Heading Heading
Primary Cell Cell
Secondary Cell Cell
Success Cell Cell
Danger Cell Cell
Warning Cell Cell
Info Cell Cell 
<tr class="table-primary">...</tr>
<tr class="table-success">...</tr>
<tr class="table-danger">...</tr>