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.
-<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}}