Add missing placeholders and <select> in Grid sizing code snippet

diff --git a/docs/base-css.html b/docs/base-css.html
index 85dab82e37f2021ab827a602ead012385749ac63..0f9cb3e6d2bf398d03c3baf0913fb81f8875e2fe 100644 (file)
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1225,9 +1225,18 @@ For example, <code>section</code> 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 ffc22de9d62561d7eef0cf8a15719539cbcb33d7..2d1e1052fabe7d474d5aa0cc2fc412c7984c4d74 100644 (file)
--- 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>