From 0a8efd5320dca80ad911c2d5e4a9404a010ff78e Mon Sep 17 00:00:00 2001
From: Dominic Barnes <contact@dominicbarnes.us>
Date: Sat, 25 Feb 2012 21:21:05 -0600
Subject: Adding a 'horizontal' option to description lists, similar to
 .form-horizontal

---
 docs/base-css.html | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

(limited to 'docs/base-css.html')

diff --git a/docs/base-css.html b/docs/base-css.html
index 3a6494ddc..00cb60c60 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -287,7 +287,7 @@
   <!-- Lists -->
   <h2>Lists</h2>
   <div class="row">
-    <div class="span3">
+    <div class="span4">
       <h4>Unordered</h4>
       <p><code>&lt;ul&gt;</code></p>
       <ul>
@@ -308,7 +308,7 @@
         <li>Eget porttitor lorem</li>
       </ul>
     </div>
-    <div class="span3">
+    <div class="span4">
       <h4>Unstyled</h4>
       <p><code>&lt;ul class="unstyled"&gt;</code></p>
       <ul class="unstyled">
@@ -329,7 +329,7 @@
         <li>Eget porttitor lorem</li>
       </ul>
     </div>
-    <div class="span3">
+    <div class="span4">
       <h4>Ordered</h4>
       <p><code>&lt;ol&gt;</code></p>
       <ol>
@@ -343,7 +343,9 @@
         <li>Eget porttitor lorem</li>
       </ol>
     </div>
-    <div class="span3">
+  </div><!-- /row -->
+  <div class="row">
+    <div class="span4">
       <h4>Description</h4>
       <p><code>&lt;dl&gt;</code></p>
       <dl>
@@ -356,6 +358,19 @@
         <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
       </dl>
     </div>
+    <div class="span8">
+      <h4>Horizontal</h4>
+      <p><code>&lt;dl class="horizontal"&gt;</code></p>
+      <dl class="horizontal">
+        <dt>Description lists</dt>
+        <dd>A description list is perfect for defining terms.</dd>
+        <dt>Euismod</dt>
+        <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
+        <dd>Donec id elit non mi porta gravida at eget metus.</dd>
+        <dt>Malesuada porta</dt>
+        <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
+      </dl>
+    </div>
   </div><!-- /row -->
 </section>
 
@@ -1299,7 +1314,7 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
         <td><code>.btn-danger</code></td>
         <td>Indicates a dangerous or potentially negative action</td>
       </tr>
-  	  <tr>
+      <tr>
         <td><button class="btn btn-inverse" href="#">Inverse</button></td>
         <td><code>.btn-inverse</code></td>
         <td>Alternate dark gray button, not tied to a semantic action or use</td>
-- 
cgit v1.2.3