clean up horizontal dl option and docs

docs/base-css.html

@@ -288,7 +288,7 @@
   <h2>Lists</h2>
   <div class="row">
     <div class="span4">
-      <h4>Unordered</h4>
+      <h3>Unordered</h3>
       <p><code>&lt;ul&gt;</code></p>
       <ul>
         <li>Lorem ipsum dolor sit amet</li>
@@ -309,7 +309,7 @@
       </ul>
     </div>
     <div class="span4">
-      <h4>Unstyled</h4>
+      <h3>Unstyled</h3>
       <p><code>&lt;ul class="unstyled"&gt;</code></p>
       <ul class="unstyled">
         <li>Lorem ipsum dolor sit amet</li>
@@ -330,7 +330,7 @@
       </ul>
     </div>
     <div class="span4">
-      <h4>Ordered</h4>
+      <h3>Ordered</h3>
       <p><code>&lt;ol&gt;</code></p>
       <ol>
         <li>Lorem ipsum dolor sit amet</li>
@@ -344,9 +344,10 @@
       </ol>
     </div>
   </div><!-- /row -->
+  <br>
   <div class="row">
     <div class="span4">
-      <h4>Description</h4>
+      <h3>Description</h3>
       <p><code>&lt;dl&gt;</code></p>
       <dl>
         <dt>Description lists</dt>
@@ -359,9 +360,9 @@
       </dl>
     </div>
     <div class="span8">
-      <h4>Horizontal</h4>
-      <p><code>&lt;dl class="horizontal"&gt;</code></p>
-      <dl class="horizontal">
+      <h3>Horizontal description</h3>
+      <p><code>&lt;dl class="dl-horizontal"&gt;</code></p>
+      <dl class="dl-horizontal">
         <dt>Description lists</dt>
         <dd>A description list is perfect for defining terms.</dd>
         <dt>Euismod</dt>