added condensed example

diff --git a/docs/base-css.html b/docs/base-css.html
index 51c4d35a3b64c97bc038d8770164875662427556..c8ce7b2228adf4ed8fb4062c08d8b49eb61c461b 100644 (file)
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -630,7 +630,43 @@
 <table class="striped-table">
 ...
 &lt;/table&gt;</pre>
-  <h3>3. Striped table w/ TableSorter.js</h3>
+  <h3>3. Condensed table</h3>
+  <p>Make your tables smaller&mdash;just add the <code>.condensed-table</code> class.</p>
+  <table class="condensed-table">
+    <thead>
+      <tr>
+        <th>#</th>
+        <th>First Name</th>
+        <th>Last Name</th>
+        <th>Language</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>1</td>
+        <td>Some</td>
+        <td>One</td>
+        <td>English</td>
+      </tr>
+      <tr>
+        <td>2</td>
+        <td>Joe</td>
+        <td>Sixpack</td>
+        <td>English</td>
+      </tr>
+      <tr>
+        <td>3</td>
+        <td>Stu</td>
+        <td>Dent</td>
+        <td>Code</td>
+      </tr>
+    </tbody>
+  </table>
+<pre class="prettyprint linenums">
+&lt;table class="condensed-table"&gt;
+...
+&lt;/table&gt;</pre>
+  <h3>4. Striped table w/ TableSorter.js</h3>
   <p>Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via <a href="http://jquery.com">jQuery</a> and the <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin. <strong>Click any column’s header to change the sort.</strong></p>
   <table class="striped-table" id="sortTableExample">
     <thead>