diff options
| author | Varunram <[email protected]> | 2017-10-11 00:01:57 +0530 |
|---|---|---|
| committer | Varunram <[email protected]> | 2017-10-11 00:01:57 +0530 |
| commit | ab093b90f65fde53cc05ffbf9fb4de7bdf2b5215 (patch) | |
| tree | 65a608af8375682f736d88a93cbc273f42e3c46d /docs | |
| parent | f7acb278e2cfbe3cce461c5091852340a1abf734 (diff) | |
| download | bootstrap-ab093b90f65fde53cc05ffbf9fb4de7bdf2b5215.tar.xz bootstrap-ab093b90f65fde53cc05ffbf9fb4de7bdf2b5215.zip | |
Add borderless table class along with docs. Rebase
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/4.0/content/tables.md | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/docs/4.0/content/tables.md b/docs/4.0/content/tables.md index 59bdb6373..23ba594f8 100644 --- a/docs/4.0/content/tables.md +++ b/docs/4.0/content/tables.md @@ -298,6 +298,86 @@ Add `.table-bordered` for borders on all sides of the table and cells. </table> {% endexample %} +## Borderless table + +Add `.table-borderless` for a table without borders. + +{% example html %} +<table class="table table-borderless"> + <thead> + <tr> + <th scope="col">#</th> + <th scope="col">First Name</th> + <th scope="col">Last Name</th> + <th scope="col">Username</th> + </tr> + </thead> + <tbody> + <tr> + <th scope="row">1</th> + <td>Mark</td> + <td>Otto</td> + <td>@mdo</td> + </tr> + <tr> + <th scope="row">2</th> + <td>Mark</td> + <td>Otto</td> + <td>@TwBootstrap</td> + </tr> + <tr> + <th scope="row">3</th> + <td>Jacob</td> + <td>Thornton</td> + <td>@fat</td> + </tr> + <tr> + <th scope="row">4</th> + <td colspan="2">Larry the Bird</td> + <td>@twitter</td> + </tr> + </tbody> +</table> +{% endexample %} + +{% example html %} +<table class="table table-borderless table-dark"> + <thead> + <tr> + <th scope="col">#</th> + <th scope="col">First Name</th> + <th scope="col">Last Name</th> + <th scope="col">Username</th> + </tr> + </thead> + <tbody> + <tr> + <th scope="row">1</th> + <td>Mark</td> + <td>Otto</td> + <td>@mdo</td> + </tr> + <tr> + <th scope="row">2</th> + <td>Mark</td> + <td>Otto</td> + <td>@TwBootstrap</td> + </tr> + <tr> + <th scope="row">3</th> + <td>Jacob</td> + <td>Thornton</td> + <td>@fat</td> + </tr> + <tr> + <th scope="row">4</th> + <td colspan="2">Larry the Bird</td> + <td>@twitter</td> + </tr> + </tbody> +</table> +{% endexample %} + ## Hoverable rows Add `.table-hover` to enable a hover state on table rows within a `<tbody>`. |