From abf4ecac4dbd378a4985880e27f2897ebca75e7b Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 5 Feb 2012 01:41:45 -0800
Subject: [PATCH] add another code example for horizontal forms

---
 docs/assets/bootstrap.zip              | Bin 52391 -> 52391 bytes
 docs/base-css.html                     |  19 ++++++++++++++++++-
 docs/templates/pages/base-css.mustache |  16 ++++++++++++++++
 3 files changed, 34 insertions(+), 1 deletion(-)

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 0700910d343d0e8edbc1a3ddcf8bcfa724f4ae52..d55ce3f0deecf9ae7bfe579b302795936ddf7c83 100644
GIT binary patch
delta 445
zcmZ2JlX>|}W}X0VW)?065HRMQ$fKxy$xqM!G7y(ma5FHnd}m}}U=aaIq9_YcWrHZ2
z%vT`I1k^Xf7Ammu_9+e~6W+<oIUU(Rrd;;h{Ejn_9jIoqqo5H~(dJ6Q90QQhb4N3n
zkh0T0U64ruGL!%3bD|nQS-Zd)EON<jb4fv^07&cm28fkFA*04>0g#>RC#pd01Um~T
z@@=94%oRG5UMqkUNp3cQ2?cN7D*`e~=!8DgCBMo4Pl-<sIK>7Mi8v)Qx$cBGL{t_e
zvh9R7j0ZGC>7+l?WsnZA+@zBZFgc*g&nI0lOfyE3UvnxDi6?g&YA(cXpxIrgjbLU2
Sd3R6SA@OX^IDvQ#XVd|b(V?sW

delta 445
zcmZ2JlX>|}W}X0VW)?065QycO$fKz2<g4fJ48)}s+zgB?-x(PgSVVx52xSR869ZJ)
zKuVl_C-W6ZGXVu=*n$O|d^g@c#Q_wUyqwb!s$}y!&OmmiSf0s_f<|l*!#7t7<`{s4
zo;#Ysgp{53=>ml&2FOhQpU(*u1se}kr(NI-7IE_3TvAXe0Mh!t!4@WD)L1P5vUB}J
z6;x+U{x;D7<_eujuN6RwBsZJDgn~Ek6#*F~bV8rW$#?SqQ{s~YPO*U$MVykETz5j8
z3FyK9r({7Q+fH~R@sv*b!+1dblTJE7^vi-w`+U*`*)*U?#3^GW`8B5kk$7^ay^&P|
aZR$F01T!1RyL;LWiDz@h3B+qSqYeOkDv>_`

diff --git a/docs/base-css.html b/docs/base-css.html
index f84cbe774e..22025bbb2e 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -869,7 +869,8 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
 <pre class="prettyprint linenums">
 &lt;form class="well"&gt;
   &lt;label&gt;Label name&lt;/label&gt;
-  &lt;input type="text" class="span3" placeholder="Type something…"&gt; &lt;span class="help-inline"&gt;Associated help text!&lt;/span&gt;
+  &lt;input type="text" class="span3" placeholder="Type something…"&gt;
+  &lt;span class="help-inline"&gt;Associated help text!&lt;/span&gt;
   &lt;label class="checkbox"&gt;
     &lt;input type="checkbox"&gt; Check me out
   &lt;/label&gt;
@@ -983,6 +984,22 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
           </div>
         </fieldset>
       </form>
+      <h3>Example markup</h3>
+      <p>Given the above example form layout, here's the markup associated with the first input and control group.</p>
+<pre class="prettyprint linenums">
+&lt;form class="form-horizontal"&gt;
+  &lt;fieldset&gt;
+    &lt;legend&gt;Legend text&lt;/legend&gt;
+    &lt;div class="control-group"&gt;
+      &lt;label class="control-label" for="input01"&gt;Text input&lt;/label&gt;
+      &lt;div class="controls"&gt;
+        &lt;input type="text" class="input-xlarge" id="input01"&gt;
+        &lt;p class="help-block"&gt;Supporting help text&lt;/p&gt;
+      &lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/fieldset&gt;
+&lt;/form&gt;
+</pre>
     </div>
     <div class="span4">
       <h3>What's included</h3>
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 3327594b5e..e3420ed092 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -908,6 +908,22 @@
           </div>
         </fieldset>
       </form>
+      <h3>{{_i}}Example markup{{/i}}</h3>
+      <p>{{_i}}Given the above example form layout, here's the markup associated with the first input and control group.{{/i}}</p>
+<pre class="prettyprint linenums">
+&lt;form class="form-horizontal"&gt;
+  &lt;fieldset&gt;
+    &lt;legend&gt;{{_i}}Legend text{{/i}}&lt;/legend&gt;
+    &lt;div class="control-group"&gt;
+      &lt;label class="control-label" for="input01"&gt;{{_i}}Text input{{/i}}&lt;/label&gt;
+      &lt;div class="controls"&gt;
+        &lt;input type="text" class="input-xlarge" id="input01"&gt;
+        &lt;p class="help-block"&gt;{{_i}}Supporting help text{{/i}}&lt;/p&gt;
+      &lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/fieldset&gt;
+&lt;/form&gt;
+</pre>
     </div>
     <div class="span4">
       <h3>{{_i}}What's included{{/i}}</h3>