another responsivey table

diff --git a/css.html b/css.html
index 35148bcabaa04b5354ce86d089afc71543890e9c..e4378434a447de41efa1767f591d2f36ef10f98f 100644 (file)
--- a/css.html
+++ b/css.html
@@ -1053,44 +1053,46 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
 
     <h2 id="tables-row-classes">Contextual table classes</h2>
     <p>Use contextual classes to color table rows or individual cells.</p>
-    <table class="table table-bordered table-striped">
-      <colgroup>
-        <col class="col-lg-1">
-        <col class="col-lg-7">
-      </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>.danger</code>
-          </td>
-          <td>Indicates a dangerous or potentially negative action</td>
-        </tr>
-        <tr>
-          <td>
-            <code>.warning</code>
-          </td>
-          <td>Indicates a warning that might need attention</td>
-        </tr>
-        <tr>
-          <td>
-            <code>.active</code>
-          </td>
-          <td>Applies the hover color to a particular row or cell</td>
-        </tr>
-      </tbody>
-    </table>
+    <div class="bs-table-scrollable">
+      <table class="table table-bordered table-striped bs-table">
+        <colgroup>
+          <col class="col-lg-1">
+          <col class="col-lg-7">
+        </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>.danger</code>
+            </td>
+            <td>Indicates a dangerous or potentially negative action</td>
+          </tr>
+          <tr>
+            <td>
+              <code>.warning</code>
+            </td>
+            <td>Indicates a warning that might need attention</td>
+          </tr>
+          <tr>
+            <td>
+              <code>.active</code>
+            </td>
+            <td>Applies the hover color to a particular row or cell</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
     <div class="bs-example">
       <table class="table">
         <thead>