Tables

First NameLast NameDate of Birth
Jill Smith 1950
Eve Jackson 1974
Pete Martin 1974

Code example

<table>
    <thead>
        <tr>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Date of Birth</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Jill</td>
            <td>Smith</td>
            <td>1950</td>
        </tr>
        <tr>
            <td>Eve</td>
            <td>Jackson</td>
            <td>1974</td>
        </tr>
        <tr>
            <td>Pete</td>
            <td>Martin</td>
            <td>1974</td>
        </tr>
    </tbody>

</table>

Striped Table

table-striped

First NameLast NameDate of Birth
Jill Smith 1950
Eve Jackson 1994
Pete Martin 1974

Code example

<table class="table-striped">
    <thead>
        <tr>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Date of Birth</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Jill</td>
            <td>Smith</td>
            <td>1950</td>
        </tr>
        <tr>
            <td>Eve</td>
            <td>Jackson</td>
            <td>1994</td>
        </tr>
        <tr>
            <td>Pete</td>
            <td>Martin</td>
            <td>1974</td>
        </tr>
    </tbody>
</table>

Bordered Table class

table-bordered

First NameLast NameDate of Birth
Jill Smith 1950
Eve Jackson 1994
Pete Martin 1974

Code example

<table class="table-bordered">
    <thead>
        <tr>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Points</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Jill</td>
            <td>Smith</td>
            <td>50</td>
        </tr>
        <tr>
            <td>Eve</td>
            <td>Jackson</td>
            <td>94</td>
        </tr>
        <tr>
            <td>Pete</td>
            <td>Martin</td>
            <td>1974</td>
        </tr>
    </tbody>
</table>

Responsive / Bordered Table class

table-bordered table-responsive

The table-responsive class applied to a table makes the table collapse to a single column below the value specified in the grid collapse less variable.

First NameLast NameDate of Birth
Jill Smith 1950
Eve Jackson 1994
Pete Martin 1974

Code example

<table class="table-bordered table-responsive">
    <thead>
        <tr>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Points</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Jill</td>
            <td>Smith</td>
            <td>50</td>
        </tr>
        <tr>
            <td>Eve</td>
            <td>Jackson</td>
            <td>94</td>
        </tr>
        <tr>
            <td>Pete</td>
            <td>Martin</td>
            <td>1974</td>
        </tr>
    </tbody>
</table>