diff options
| author | Mark Otto <[email protected]> | 2012-06-25 14:11:37 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-06-25 14:11:37 -0700 |
| commit | 27845e4492741a973231ff1be6c493e001a28555 (patch) | |
| tree | 1085a75069f5641f61e9f9af34c577e9a1401fbb /docs | |
| parent | 508a93d9e307457426f2aa2fcfa740858ebd851a (diff) | |
| download | bootstrap-27845e4492741a973231ff1be6c493e001a28555.tar.xz bootstrap-27845e4492741a973231ff1be6c493e001a28555.zip | |
#3223: make table row hover optional class
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/assets/css/bootstrap.css | 4 | ||||
| -rw-r--r-- | docs/base-css.html | 39 | ||||
| -rw-r--r-- | docs/templates/pages/base-css.mustache | 39 |
3 files changed, 80 insertions, 2 deletions
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e760daae8..88db0c044 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1748,8 +1748,8 @@ table { background-color: #f9f9f9; } -.table tbody tr:hover td, -.table tbody tr:hover th { +.table-hover tbody tr:hover td, +.table-hover tbody tr:hover th { background-color: #f5f5f5; } diff --git a/docs/base-css.html b/docs/base-css.html index 413639934..9eed2bea2 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -568,6 +568,45 @@ For example, <code>section</code> should be wrapped as inline. </table> </pre> + <h3><code>.table-hover</code></h3> + <p>Enable a hover state on table rows within a <code><tbody></code>.</p> + <div class="bs-docs-example"> + <table class="table table-hover"> + <thead> + <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 colspan="2">Larry the Bird</td> + <td>@twitter</td> + </tr> + </tbody> + </table> + </div> +<pre class="prettyprint linenums" style="margin-bottom: 18px;"> +<table class="table table-hover"> + … +</table> +</pre> + <h3><code>.table-condensed</code></h3> <p>Makes tables more compact by cutting cell padding in half.</p> <div class="bs-docs-example"> diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index 0f0537ede..583d0709e 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -499,6 +499,45 @@ </table> </pre> + <h3><code>{{_i}}.table-hover{{/i}}</code></h3> + <p>{{_i}}Enable a hover state on table rows within a <code><tbody></code>.{{/i}}</p> + <div class="bs-docs-example"> + <table class="table table-hover"> + <thead> + <tr> + <th>#</th> + <th>{{_i}}First Name{{/i}}</th> + <th>{{_i}}Last Name{{/i}}</th> + <th>{{_i}}Username{{/i}}</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 colspan="2">Larry the Bird</td> + <td>@twitter</td> + </tr> + </tbody> + </table> + </div>{{! /example }} +<pre class="prettyprint linenums" style="margin-bottom: 18px;"> +<table class="table table-hover"> + … +</table> +</pre> + <h3><code>{{_i}}.table-condensed{{/i}}</code></h3> <p>{{_i}}Makes tables more compact by cutting cell padding in half.{{/i}}</p> <div class="bs-docs-example"> |