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, <code>section</code> should be wrapped as inline.
-<input class="span1" type="text">
-<input class="span2" type="text">
-<input class="span3" type="text">
+<input class="span1" type="text" placeholder=".span1">
+<input class="span2" type="text" placeholder=".span2">
+<input class="span3" type="text" placeholder=".span3">
+<select class="span1">
+  ...
+</select>
+<select class="span2">
+  ...
+</select>
+<select class="span3">
+  ...
+</select>
 

For multiple grid inputs per line, use the .controls-row modifier class for proper spacing. It floats the inputs to collapse white-space, sets the proper margins, and the clears the float.

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 @@
-<input class="span1" type="text">
-<input class="span2" type="text">
-<input class="span3" type="text">
+<input class="span1" type="text" placeholder=".span1">
+<input class="span2" type="text" placeholder=".span2">
+<input class="span3" type="text" placeholder=".span3">
+<select class="span1">
+  ...
+</select>
+<select class="span2">
+  ...
+</select>
+<select class="span3">
+  ...
+</select>
 

{{_i}}For multiple grid inputs per line, use the .controls-row modifier class for proper spacing. It floats the inputs to collapse white-space, sets the proper margins, and the clears the float.{{/i}}