sharpetronics/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-11-29 00:05:04 -05:00
Code Issues Projects Releases Wiki Activity

table headers

Browse Source
This commit is contained in:
Mark Otto 2014-07-13 23:45:34 -07:00
parent 3e896193ab
commit d60d34231a
9 changed files with 690 additions and 1758 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1019
dist/css/bootstrap.css vendored
View File

File diff suppressed because it is too large Load Diff

2
dist/css/bootstrap.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

1273
docs/assets/css/docs.min.css vendored
View File

File diff suppressed because one or more lines are too long

67
docs/components/tables.md
View File

@ -40,6 +40,73 @@ Due to the widespread use of tables across plugins like calendars and date picke
</table> </table>
{% endexample %} {% 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 ## Striped rows
Use `.table-striped` to add zebra-striping to any table row within the `<tbody>`. Use `.table-striped` to add zebra-striping to any table row within the `<tbody>`.

8
docs/dist/css/bootstrap.css vendored
View File

@ -1638,6 +1638,14 @@ table th[class*="col-"] {
border-bottom: 0; border-bottom: 0;
} }
} }
.table > .thead-inverse > tr > th {
color: #fff;
background-color: #373a3c;
}
.table > .thead-default > tr > th {
color: #55595c;
background-color: #eceeef;
}
fieldset { fieldset {
min-width: 0; min-width: 0;
padding: 0; padding: 0;

2
docs/dist/css/bootstrap.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
docs/dist/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

15
less/tables.less
View File

@ -231,3 +231,18 @@ table {
} }
} }
} }
.table > .thead-inverse {
> tr > th {
color: #fff;
background-color: @gray-dark;
}
}
.table > .thead-default {
> tr > th {
color: @gray;
background-color: @gray-lighter;
}
}