diff options
Diffstat (limited to 'docs/templates/pages/css.mustache')
-rw-r--r-- | docs/templates/pages/css.mustache | 38 |
1 files changed, 36 insertions, 2 deletions
diff --git a/docs/templates/pages/css.mustache b/docs/templates/pages/css.mustache index 23a26b06e4..64d5005a57 100644 --- a/docs/templates/pages/css.mustache +++ b/docs/templates/pages/css.mustache @@ -1248,6 +1248,40 @@ For example, <code>&lt;section&gt;</code> should be wrapped </div> </pre> + <h4>Optional sizes</h4> + <p>Add the relative form sizing classes to the `.input-group-addon`.</p> + <form class="bs-docs-example"> + <div class="input-group span9"> + <span class="input-group-addon input-large">@</span> + <input type="text" class="input-large" placeholder="Username"> + </div> + <br> + <div class="input-group span9"> + <span class="input-group-addon">@</span> + <input type="text" placeholder="Username"> + </div> + <br> + <div class="input-group span9"> + <span class="input-group-addon input-small">@</span> + <input type="text" class="input-small" placeholder="Username"> + </div> + </form> +<pre class="prettyprint linenums"> +<div class="input-group span9"> + <span class="input-group-addon input-large">@</span> + <input type="text" class="input-large" placeholder="Username"> +</div> +<div class="input-group span9"> + <span class="input-group-addon">@</span> + <input type="text" placeholder="Username"> +</div> +<div class="input-group span9"> + <span class="input-group-addon input-small">@</span> + <input type="text" class="input-small" placeholder="Username"> +</div> +</pre> + + <h4>Buttons instead of text</h4> <p>Buttons in input groups are a bit different and require one extra level of nesting. Instead of <code>.input-group-addon</code>, you'll need to use <code>.input-group-btn</code> to wrap the buttons. This is required due to default browser styles that cannot be overridden.</p> <form class="bs-docs-example"> @@ -1397,14 +1431,14 @@ For example, <code>&lt;section&gt;</code> should be wrapped <form class="bs-docs-example" style="padding-bottom: 15px;"> <div class="controls docs-input-sizes"> <input class="input-large" type="text" placeholder=".input-large"> + <input type="text" placeholder="Default input"> <input class="input-small" type="text" placeholder=".input-small"> - <input class="input-mini" type="text" placeholder=".input-mini"> </div> </form> <pre class="prettyprint linenums"> <input class="input-large" type="text" placeholder=".input-large"> +<input type="text" placeholder="Default input"> <input class="input-small" type="text" placeholder=".input-small"> -<input class="input-mini" type="text" placeholder=".input-mini"> </pre> <h4>Column sizing</h4> |