diff options
| author | Mark Otto <[email protected]> | 2014-06-19 15:24:24 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-06-19 15:24:24 -0700 |
| commit | a4fa8d07c8679628d50d66b239874078735897f1 (patch) | |
| tree | d8c782a1679e692506a5982da4d8083d49b4d351 /docs/_includes | |
| parent | 9488bd58f90c8435c20dd4e596244d10f8b698fa (diff) | |
| parent | 00cc166671a4ecfe3284662db14c8bf151de5bb5 (diff) | |
| download | bootstrap-a4fa8d07c8679628d50d66b239874078735897f1.tar.xz bootstrap-a4fa8d07c8679628d50d66b239874078735897f1.zip | |
grunt dist
Diffstat (limited to 'docs/_includes')
| -rw-r--r-- | docs/_includes/css/forms.html | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/docs/_includes/css/forms.html b/docs/_includes/css/forms.html index 95bb29c59..2a1848e50 100644 --- a/docs/_includes/css/forms.html +++ b/docs/_includes/css/forms.html @@ -670,6 +670,42 @@ <select class="form-control input-sm">...</select> {% endhighlight %} + <h3>Horizontal form group sizes</h3> + <p>Quickly size labels and form controls within <code>.form-horizontal</code> by adding <code>.form-group-lg</code> or <code>.form-group-sm</code>.</p> + <div class="bs-example"> + <form class="form-horizontal" role="form"> + <div class="form-group form-group-lg"> + <label class="col-sm-2 control-label" for="formGroupInputLarge">Large label</label> + <div class="col-sm-10"> + <input class="form-control" type="text" id="formGroupInputLarge" placeholder="Large input"> + </div> + </div> + <div class="form-group form-group-sm"> + <label class="col-sm-2 control-label" for="formGroupInputSmall">Small label</label> + <div class="col-sm-10"> + <input class="form-control" type="text" id="formGroupInputSmall" placeholder="Small input"> + </div> + </div> + </form> + </div><!-- /.bs-example --> +{% highlight html %} +<form class="form-horizontal" role="form"> + <div class="form-group form-group-lg"> + <label class="col-sm-2 control-label" for="formGroupInputLarge">Large label</label> + <div class="col-sm-10"> + <input class="form-control" type="text" id="formGroupInputLarge" placeholder="Large input"> + </div> + </div> + <div class="form-group form-group-sm"> + <label class="col-sm-2 control-label" for="formGroupInputSmall">Small label</label> + <div class="col-sm-10"> + <input class="form-control" type="text" id="formGroupInputSmall" placeholder="Small input"> + </div> + </div> +</form> +{% endhighlight %} + + <h3>Column sizing</h3> <p>Wrap inputs in grid columns, or any custom parent element, to easily enforce desired widths.</p> <div class="bs-example"> |