diff options
| author | Mark Otto <[email protected]> | 2014-07-13 23:45:34 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-07-13 23:45:34 -0700 |
| commit | d60d34231a7e76684d43f9c1fb8b1d60d589183e (patch) | |
| tree | f1d17b1dd942c1ad8fbbdea428f5acd2cad70d6e /docs/components | |
| parent | 3e896193abb3e529abd9260ebfc60d284071c4f3 (diff) | |
| download | bootstrap-d60d34231a7e76684d43f9c1fb8b1d60d589183e.tar.xz bootstrap-d60d34231a7e76684d43f9c1fb8b1d60d589183e.zip | |
table headers
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/tables.md | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/docs/components/tables.md b/docs/components/tables.md index 4c76e5963..4b3e7937b 100644 --- a/docs/components/tables.md +++ b/docs/components/tables.md @@ -40,6 +40,73 @@ Due to the widespread use of tables across plugins like calendars and date picke </table> {% endexample %} +## Table head options + +Use one of two modifier classes to make `<thead>`s appear light or dark gray. + +{% example html %} +<table class="table"> + <thead class="thead-inverse"> + <tr> + <th>#</th> + <th>First Name</th> + <th>Last Name</th> + <th>Username</th> + </tr> + </thead> + <tbody> + <tr> + <td>1</td> + <td>Mark</td> + <td>Otto</td> + <td>@mdo</td> + </tr> + <tr> + <td>2</td> + <td>Jacob</td> + <td>Thornton</td> + <td>@fat</td> + </tr> + <tr> + <td>3</td> + <td>Larry</td> + <td>the Bird</td> + <td>@twitter</td> + </tr> + </tbody> + <thead class="thead-default"> + <tr> + <th>#</th> + <th>First Name</th> + <th>Last Name</th> + <th>Username</th> + </tr> + </thead> + <tbody> + <tr> + <td>1</td> + <td>Mark</td> + <td>Otto</td> + <td>@mdo</td> + </tr> + <tr> + <td>2</td> + <td>Jacob</td> + <td>Thornton</td> + <td>@fat</td> + </tr> + <tr> + <td>3</td> + <td>Larry</td> + <td>the Bird</td> + <td>@twitter</td> + </tr> + </tbody> +</table> +{% endexample %} + + + ## Striped rows Use `.table-striped` to add zebra-striping to any table row within the `<tbody>`. |