1 files changed, 81 insertions, 0 deletions
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">
+...
+  &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">