mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-22 05:03:16 +02:00
table headers
This commit is contained in:
1075
dist/css/bootstrap.css
vendored
1075
dist/css/bootstrap.css
vendored
File diff suppressed because it is too large
Load Diff
2
dist/css/bootstrap.css.map
vendored
2
dist/css/bootstrap.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap.min.css
vendored
2
dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
1273
docs/assets/css/docs.min.css
vendored
1273
docs/assets/css/docs.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -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>`.
|
||||
|
8
docs/dist/css/bootstrap.css
vendored
8
docs/dist/css/bootstrap.css
vendored
@@ -1638,6 +1638,14 @@ table th[class*="col-"] {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
.table > .thead-inverse > tr > th {
|
||||
color: #fff;
|
||||
background-color: #373a3c;
|
||||
}
|
||||
.table > .thead-default > tr > th {
|
||||
color: #55595c;
|
||||
background-color: #eceeef;
|
||||
}
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
|
2
docs/dist/css/bootstrap.css.map
vendored
2
docs/dist/css/bootstrap.css.map
vendored
File diff suppressed because one or more lines are too long
2
docs/dist/css/bootstrap.min.css
vendored
2
docs/dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user