From b4125748b0d0e12a7855350ee3d9089e0a2f93e7 Mon Sep 17 00:00:00 2001
From: "Gavin Cooper (work)" <gavinsworld@googlemail.com>
Date: Wed, 4 Jul 2012 12:22:34 +0100
Subject: added ability to give rows in tables status classes .success .error
 and .info.

---
 docs/templates/pages/base-css.mustache | 80 ++++++++++++++++++++++++++++++++++
 1 file changed, 80 insertions(+)

(limited to 'docs/templates')

diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 9b79c3d9c..101683a13 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -581,6 +581,85 @@
   <hr class="bs-docs-separator">
 
 
+  <h2>{{_i}}Optional row classes{{/i}}</h2>
+  <p>{{_i}}Included with Bootstrap is the ability to colourize 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">
+&lt;tr class="success"&gt;
+  &lt;td&gt;1&lt;/td&gt;
+  &lt;td&gt;TB - Monthly&lt;/td&gt;
+  &lt;td&gt;01/04/2012&lt;/td&gt;
+  &lt;td&gt;Approved&lt;/td&gt;
+&lt;/tr&gt;
+</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">
@@ -671,6 +750,7 @@
 &lt;/table&gt;
 </pre>
 
+
 </section>
 
 
-- 
cgit v1.2.3