diff options
| author | Mark Otto <[email protected]> | 2012-07-17 23:14:58 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-07-17 23:14:58 -0700 |
| commit | cb1a59caa013e0fbe992bb305502f37bc7141c92 (patch) | |
| tree | bad2dbc16528e7508baa02025cd2a81114ad7341 /docs | |
| parent | ba90d0fc5ea440a49fdf611d95ecfe4d99e8f779 (diff) | |
| parent | b4125748b0d0e12a7855350ee3d9089e0a2f93e7 (diff) | |
| download | bootstrap-cb1a59caa013e0fbe992bb305502f37bc7141c92.tar.xz bootstrap-cb1a59caa013e0fbe992bb305502f37bc7141c92.zip | |
Merge branch '2.1.0-wip' of https://github.com/gcoop/bootstrap into gcoop-2.1.0-wip
Conflicts:
docs/base-css.html
docs/templates/pages/base-css.mustache
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/assets/css/bootstrap.css | 12 | ||||
| -rw-r--r-- | docs/base-css.html | 79 | ||||
| -rw-r--r-- | docs/templates/pages/base-css.mustache | 81 |
3 files changed, 172 insertions, 0 deletions
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 4905ff741..65e0c870f 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1728,6 +1728,18 @@ table { border-top: 2px solid #dddddd; } +.table .success td { + background-color: #dff0d8; +} + +.table .error td { + background-color: #f2dede; +} + +.table .info td { + background-color: #d9edf7; +} + .table-condensed th, .table-condensed td { padding: 4px 5px; diff --git a/docs/base-css.html b/docs/base-css.html index 46685b112..a6b545c1d 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -645,6 +645,85 @@ For example, <code>section</code> should be wrapped as inline. <hr class="bs-docs-separator"> + <h2>Optional row classes</h2> + <p>Use contextual classes to color table rows.</p> + <table class="table table-bordered table-striped"> + <colgroup> + <col class="span1"> + <col class="span7"> + </colgroup> + <thead> + <tr> + <th>Class</th> + <th>Description</th> + </tr> + </thead> + <tbody> + <tr> + <td> + <code>.success</code> + </td> + <td>Indicates a successful or positive action.</td> + </tr> + <tr> + <td> + <code>.error</code> + </td> + <td>Indicates a dangerous or potentially negative action.</td> + </tr> + <tr> + <td> + <code>.info</code> + </td> + <td>Used as an alternative to the default styles.</td> + </tr> + </tbody> + </table> + <div class="bs-docs-example"> + <table class="table"> + <thead> + <tr> + <th>#</th> + <th>Product</th> + <th>Payment Taken</th> + <th>Status</th> + </tr> + </thead> + <tbody> + <tr class="success"> + <td>1</td> + <td>TB - Monthly</td> + <td>01/04/2012</td> + <td>Approved</td> + </tr> + <tr class="error"> + <td>2</td> + <td>TB - Monthly</td> + <td>02/04/2012</td> + <td>Declined</td> + </tr> + <tr class="info"> + <td>3</td> + <td>TB - Monthly</td> + <td>03/04/2012</td> + <td>Pending</td> + </tr> + </tbody> + </table> + </div> +<pre class="prettyprint linenums"> +<tr class="success"> + <td>1</td> + <td>TB - Monthly</td> + <td>01/04/2012</td> + <td>Approved</td> +</tr> +</pre> + + + <hr class="bs-docs-separator"> + + <h2>Supported table markup</h2> <p>List of supported table HTML elements and how they should be used.</p> <table class="table table-bordered table-striped"> diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index a630acfed..c150521cc 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -582,6 +582,87 @@ <hr class="bs-docs-separator"> + <h2>{{_i}}Optional row classes{{/i}}</h2> + <p>{{_i}}Use contextual classes to color table rows.{{/i}}</p> + <table class="table table-bordered table-striped"> + <colgroup> + <col class="span1"> + <col class="span7"> + </colgroup> + <thead> + <tr> + <th>{{_i}}Class{{/i}}</th> + <th>{{_i}}Description{{/i}}</th> + </tr> + </thead> + <tbody> + <tr> + <td> + <code>.success</code> + </td> + <td>{{_i}}Indicates a successful or positive action.{{/i}}</td> + </tr> + <tr> + <td> + <code>.error</code> + </td> + <td>{{_i}}Indicates a dangerous or potentially negative action.{{/i}}</td> + </tr> + <tr> + <td> + <code>.info</code> + </td> + <td>{{_i}}Used as an alternative to the default styles.{{/i}}</td> + </tr> + </tbody> + </table> + <div class="bs-docs-example"> + <table class="table"> + <thead> + <tr> + <th>#</th> + <th>{{_i}}Product{{/i}}</th> + <th>{{_i}}Payment Taken{{/i}}</th> + <th>{{_i}}Status{{/i}}</th> + </tr> + </thead> + <tbody> + <tr class="success"> + <td>1</td> + <td>TB - Monthly</td> + <td>01/04/2012</td> + <td>Approved</td> + </tr> + <tr class="error"> + <td>2</td> + <td>TB - Monthly</td> + <td>02/04/2012</td> + <td>Declined</td> + </tr> + <tr class="info"> + <td>3</td> + <td>TB - Monthly</td> + <td>03/04/2012</td> + <td>Pending</td> + </tr> + </tbody> + </table> + </div>{{! /example }} +<pre class="prettyprint linenums"> +... + <tr class="success"> + <td>1</td> + <td>TB - Monthly</td> + <td>01/04/2012</td> + <td>Approved</td> + </tr> +... +</pre> + + + <hr class="bs-docs-separator"> + + <h2>{{_i}}Supported table markup{{/i}}</h2> <p>{{_i}}List of supported table HTML elements and how they should be used.{{/i}}</p> <table class="table table-bordered table-striped"> |
