scope table styles to a class, .table, instead of on the generic element as a smarter default

1 files changed, 27 insertions, 20 deletions

diff --git a/docs/base-css.html b/docs/base-css.html
index 1d64a5787..fa60204a8 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -150,7 +150,7 @@
 
   <!-- Misc Elements -->
   <h2>Emphasis, address, and abbreviation</h2>
-  <table class="table-bordered table-striped">
+  <table class="table table-bordered table-striped">
     <thead>
       <tr>
         <th>Element</th>
@@ -237,7 +237,7 @@
 
   <!-- Blockquotes -->
   <h2>Blockquotes</h2>
-  <table class="table-bordered table-striped">
+  <table class="table table-bordered table-striped">
     <thead>
       <tr>
         <th>Element</th>
@@ -383,7 +383,7 @@
   <!-- Code -->
 
   <h2>Code <small>Inline and block</small></h2>
-  <table class="table-bordered table-striped">
+  <table class="table table-bordered table-striped">
     <thead>
       <tr>
         <th style="width: 190px;">Element</th>
@@ -425,7 +425,7 @@
 
   <!-- Labels -->
   <h2>Inline labels <small>for special attention</small></h2>
-  <table class="table-bordered table-striped">
+  <table class="table table-bordered table-striped">
     <thead>
       <tr>
         <th style="width: 190px;">Labels</th>
@@ -490,7 +490,7 @@
   <h2>Table markup</h2>
   <div class="row">
     <div class="span8">
-      <table class="table-bordered table-striped">
+      <table class="table table-bordered table-striped">
         <thead>
           <tr>
             <th>Tag</th>
@@ -579,7 +579,7 @@
   </div>
 
   <h2>Table options</h2>
-  <table class="table-bordered table-striped">
+  <table class="table table-bordered table-striped">
   <thead>
       <tr>
         <th>Name</th>
@@ -591,6 +591,13 @@
       <tr>
         <td>Default</td>
         <td class="muted">None</td>
+        <td>No styles, just columns and rows</td>
+      </tr>
+      <tr>
+        <td>Basic</td>
+        <td>
+          <code>.table</code>
+        </td>
         <td>Only horizontal lines between rows</td>
       </tr>
       <tr>
@@ -623,14 +630,14 @@
   <h3>1. Default table styles</h3>
   <div class="row">
     <div class="span4">
-      <p>Tables are automatically styled with only a few borders to ensure readability and maintain structure. No classes are required.</p>
+      <p>Tables are automatically styled with only a few borders to ensure readability and maintain structure. With 2.0, the <code>.table</code> class is required.</p>
 <pre class="prettyprint linenums">
-&lt;table&gt;
+&lt;table class="table"&gt;
   ...
 &lt;/table&gt;</pre>
     </div>
     <div class="span8">
-      <table>
+      <table class="table">
         <thead>
           <tr>
             <th>#</th>
@@ -670,12 +677,12 @@
       <p>Get a little fancy with your tables by adding zebra-striping&mdash;just add the <code>.table-striped</code> class.</p>
       <p class="muted"><strong>Note:</strong> Sprited tables use the <code>:nth-child</code> CSS selector and is not available in IE7-IE8.</p>
 <pre class="prettyprint linenums" style="margin-bottom: 18px;">
-&lt;table class="table-striped"&gt;
+&lt;table class="table table-striped"&gt;
   ...
 &lt;/table&gt;</pre>
     </div>
     <div class="span8">
-      <table class="table-striped">
+      <table class="table table-striped">
         <thead>
           <tr>
             <th>#</th>
@@ -714,12 +721,12 @@
     <div class="span4">
       <p>Add borders around the entire table and rounded corners for aesthetic purposes.</p>
 <pre class="prettyprint linenums">
-&lt;table class="table-bordered"&gt;
+&lt;table class="table table-bordered"&gt;
   ...
 &lt;/table&gt;</pre>
     </div>
     <div class="span8">
-      <table class="table-bordered">
+      <table class="table table-bordered">
         <thead>
           <tr>
             <th>#</th>
@@ -762,12 +769,12 @@
     <div class="span4">
       <p>Make your tables more compact by adding the <code>.table-condensed</code> class to cut table cell padding in half (from 10px to 5px).</p>
 <pre class="prettyprint linenums" style="margin-bottom: 18px;">
-&lt;table class="table-condensed"&gt;
+&lt;table class="table table-condensed"&gt;
   ...
 &lt;/table&gt;</pre>
     </div>
     <div class="span8">
-      <table class="table-condensed">
+      <table class="table table-condensed">
         <thead>
           <tr>
             <th>#</th>
@@ -816,12 +823,12 @@
     });
   });
 &lt;/script&gt;
-&lt;table class="table-striped"&gt;
+&lt;table class="table table-striped"&gt;
   ...
 &lt;/table&gt;</pre>
     </div>
     <div class="span8">
-      <table class="table-striped tablesorter-example">
+      <table class="table table-striped tablesorter-example">
         <thead>
           <tr>
             <th>#</th>
@@ -858,7 +865,7 @@
         </tbody>
       </table>
       <p>Styles for the Tablesorter, zebra striping, borders, and condensing may all compound in any variation to fit your needs.</p>
-      <table class="table-striped table-bordered table-condensed tablesorter-example">
+      <table class="table table-striped table-bordered table-condensed tablesorter-example">
         <thead>
           <tr>
             <th>#</th>
@@ -932,7 +939,7 @@
 
   <h2>Four types of forms</h2>
   <p>Bootstrap provides simple markup and styles for four styles of common web forms.</p>
-  <table class="table-bordered table-striped">
+  <table class="table table-bordered table-striped">
     <thead>
       <tr>
         <th>Name</th>
@@ -1259,7 +1266,7 @@
   <div class="page-header">
     <h1>Buttons</h1>
   </div>
-  <table class="table-bordered table-striped">
+  <table class="table table-bordered table-striped">
     <thead>
       <tr>
         <th>Button</th>