diff options
Diffstat (limited to 'docs/base-css.html')
| -rw-r--r-- | docs/base-css.html | 79 |
1 files changed, 79 insertions, 0 deletions
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"> |