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
zc-mV&lX>|}W}X0VW)?065HRMQ$fKxy$xqM!G7y(ma5FHnd}m}}U=aaIq9_YcWrHZ2
z%vT`I1QeKI3l-RS`xFP03Gd|PoQ`al!6KXAaR#yj)l7C2G=eJHTq&4i01|rcXa*Bf
zcG{;4GATf2^8b8JRO2UW7dV4OF8OUPDX0_x3B7Nyg$WroRttdaTt86-YA0A9P~_W0
z1DGpxCcRbw2}y1?fe8g~-YWt!O6Y_>(<Q&j|4)fe4miaI5{Wn^Gr8`BI7CzyB(m*<
zH;e}~MCqhI(`C5aq>~OvDnFle!7$AjNq)_#KqQ{rX>VlJK(o6}8^O#5^6s9tL*m(-
LaRTug&Zq+blF^~8

delta 445
zc-mV&lX>|}W}X0VW)?065QycO$fKz2<g4fJ48)}s+zgB?-x(PgSVVx52xSR869ZJ)
zoWaT_^A$)l0R?8*f(4v>H{L$Q0Th_LoYN7iWb-@DKz62Bp2?1aMr;tnH&+Vg7=VPH
zJDS0Sl%4kJ0)-|9$V~p9&j}R;8xK^cUEmBBaq`_<Qcx)X5_;cY3llPGtQG*-xqhMw
zs<S44n`i)Yh0dhc3LqiL%_cCR;LUqQKt>6j&}VY;o&5il_~d|7Y#>Dur(`DAoe*bo
z28qgoM7EvqM&c=*^oQ|)`X`-qfanMFKA&_!HZ2xpnlY06np1&DJh{`}Xm)p<HbS!L
R?rA$Dp3NC25U=5kIskkskv{+c

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>
-- 
2.47.3