From 572174652e905b1cefba10bb623b27d1c5f5e38a Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Fri, 26 Jul 2013 21:31:00 -0700
Subject: [PATCH] another responsivey table

---
 css.html | 78 +++++++++++++++++++++++++++++---------------------------
 1 file changed, 40 insertions(+), 38 deletions(-)

diff --git a/css.html b/css.html
index 35148bcaba..e4378434a4 100644
--- 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>
-- 
GitLab