From be6fdd9a62a41bf4316dbe4c139787a568ac5bb7 Mon Sep 17 00:00:00 2001
From: Mark Otto <markotto@twitter.com>
Date: Sun, 12 Feb 2012 20:10:48 -0800
Subject: [PATCH] add docs for alt form control sizing per #1700

---
 docs/assets/bootstrap.zip              | Bin 53056 -> 53056 bytes
 docs/base-css.html                     |  11 ++++++++++-
 docs/templates/pages/base-css.mustache |  11 ++++++++++-
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 402c12594399e5102b1193f149dd3c18e9f70391..15db21f3cf3de83e9bba46858244483c5ba521d8 100644
GIT binary patch
delta 440
zcmX>wkNLnnW}X0VW)?065b#_$kw=kDv)963zjw036j2U{u-C$g0jg{|FkxvXpuh}U
zuz*hQ#@iP-fC7`(aymjqHh<xaU<V2L2^z6!19fTkZf+A?X9yB9b2bC3((c_{<a|w!
z320-041Z>Bx_)Q~Cj&FwYH6U%<Vi)&V8;OU-!7^Y011UP+rorqHdhNUc`uwSHbsR^
z7vVObNbD2?u!wH&=E+l76hVq+ZZ%=k11bUvUEX?41Z33eQ~FGry^{@2i^IJ+`QsUx
z$>OKQnRGznvLFZhpY}%L?LO^~#M3_Gz@!aV*>lDPA_p@MXvfDh#t=JXK{mRc4MgH?
kKkJQZKhT-V=Zu(iAtnNOW#{aWcvsIkG3oVAmOQTx01}LrCjbBd

delta 440
zcmX>wkNLnnW}X0VW)?065V*BqB99_lOpk?sLeFG}DWV(@;X4Z^2B@;d!-S=ofC4jY
z!2)qT8*g9W018ZA%jpOfiSOC`g)@Sk>Gp!jeu749aX?)$J)7GE*BOF@%$&`@LUBEt
zi=40NF#&B1km1kFP1g?%;bdTjTP+QgnLMe;8SEIK{@X>B0wAHVW?Puh%;stVki}wC
zR8ZYEId+NxRAlqyDJ+U0MKiaWuq6PU0(9Nwt=B|AMy)=j&lJ-$+2FJ|+?$g>o{^a>
zep;L<9waUc(&&HM8;Q63v_Fgo^o;fy2c|fPN+7T2j0=PZGY@FT$1}zdJ7hsNx}FV0
h;%z_cjbXp?IU|_)K)cJ%*&*?+o^xUXMvLTmbpT?Qs-pk^

diff --git a/docs/base-css.html b/docs/base-css.html
index 292e4a3963..d67d1bd554 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1121,7 +1121,7 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
         <fieldset>
           <legend>Extending form controls</legend>
           <div class="control-group">
-            <label class="control-label">Form sizes</label>
+            <label class="control-label">Form grid sizes</label>
             <div class="controls docs-input-sizes">
               <input class="span1" type="text" placeholder=".span1">
               <input class="span2" type="text" placeholder=".span2">
@@ -1150,6 +1150,15 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
               <p class="help-block">Use the same <code>.span*</code> classes from the grid system for input sizes.</p>
             </div>
           </div>
+          <div class="control-group">
+            <label class="control-label">Alternate sizes</label>
+            <div class="controls docs-input-sizes">
+              <input class="input-mini" type="text" placeholder=".input-mini">
+              <input class="input-small" type="text" placeholder=".input-small">
+              <input class="input-medium" type="text" placeholder=".input-medium">
+              <p class="help-block">You may also use static classes that don't map to the grid, adapt to the responsive CSS styles, or account for varying types of controls (e.g., <code>input</code> vs. <code>select</code>).</p>
+            </div>
+          </div>          
           <div class="control-group">
             <label class="control-label" for="prependedInput">Prepended text</label>
             <div class="controls">
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index cb79496a85..4b2f379c58 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -1045,7 +1045,7 @@
         <fieldset>
           <legend>{{_i}}Extending form controls{{/i}}</legend>
           <div class="control-group">
-            <label class="control-label">{{_i}}Form sizes{{/i}}</label>
+            <label class="control-label">{{_i}}Form grid sizes{{/i}}</label>
             <div class="controls docs-input-sizes">
               <input class="span1" type="text" placeholder=".span1">
               <input class="span2" type="text" placeholder=".span2">
@@ -1074,6 +1074,15 @@
               <p class="help-block">{{_i}}Use the same <code>.span*</code> classes from the grid system for input sizes.{{/i}}</p>
             </div>
           </div>
+          <div class="control-group">
+            <label class="control-label">{{_i}}Alternate sizes{{/i}}</label>
+            <div class="controls docs-input-sizes">
+              <input class="input-mini" type="text" placeholder=".input-mini">
+              <input class="input-small" type="text" placeholder=".input-small">
+              <input class="input-medium" type="text" placeholder=".input-medium">
+              <p class="help-block">{{_i}}You may also use static classes that don't map to the grid, adapt to the responsive CSS styles, or account for varying types of controls (e.g., <code>input</code> vs. <code>select</code>).{{/i}}</p>
+            </div>
+          </div>          
           <div class="control-group">
             <label class="control-label" for="prependedInput">{{_i}}Prepended text{{/i}}</label>
             <div class="controls">