From f37d4b0918bbcdd507c31f81d00621d03acf0248 Mon Sep 17 00:00:00 2001
From: Erik van der Kolk <developer@smerik.nl>
Date: Sat, 18 Aug 2012 15:43:00 +0200
Subject: [PATCH] Add missing placeholders and <select> in Grid sizing code
 snippet

---
 docs/base-css.html                     | 15 ++++++++++++---
 docs/templates/pages/base-css.mustache | 15 ++++++++++++---
 2 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/docs/base-css.html b/docs/base-css.html
index 85dab82e37..0f9cb3e6d2 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1225,9 +1225,18 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
             </div>
           </form>
 <pre class="prettyprint linenums">
-&lt;input class="span1" type="text"&gt;
-&lt;input class="span2" type="text"&gt;
-&lt;input class="span3" type="text"&gt;
+&lt;input class="span1" type="text" placeholder=".span1"&gt;
+&lt;input class="span2" type="text" placeholder=".span2"&gt;
+&lt;input class="span3" type="text" placeholder=".span3"&gt;
+&lt;select class="span1"&gt;
+  ...
+&lt;/select&gt;
+&lt;select class="span2"&gt;
+  ...
+&lt;/select&gt;
+&lt;select class="span3"&gt;
+  ...
+&lt;/select&gt;
 </pre>
 
           <p>For multiple grid inputs per line, <strong>use the <code>.controls-row</code> modifier class for proper spacing</strong>. It floats the inputs to collapse white-space, sets the proper margins, and the clears the float.</p>
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index ffc22de9d6..2d1e1052fa 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -1162,9 +1162,18 @@
             </div>
           </form>
 <pre class="prettyprint linenums">
-&lt;input class="span1" type="text"&gt;
-&lt;input class="span2" type="text"&gt;
-&lt;input class="span3" type="text"&gt;
+&lt;input class="span1" type="text" placeholder=".span1"&gt;
+&lt;input class="span2" type="text" placeholder=".span2"&gt;
+&lt;input class="span3" type="text" placeholder=".span3"&gt;
+&lt;select class="span1"&gt;
+  ...
+&lt;/select&gt;
+&lt;select class="span2"&gt;
+  ...
+&lt;/select&gt;
+&lt;select class="span3"&gt;
+  ...
+&lt;/select&gt;
 </pre>
 
           <p>{{_i}}For multiple grid inputs per line, <strong>use the <code>.controls-row</code> modifier class for proper spacing</strong>. It floats the inputs to collapse white-space, sets the proper margins, and the clears the float.{{/i}}</p>