diff options
| author | Pierre-Denis Vanduynslager <[email protected]> | 2017-01-06 15:57:15 -0500 |
|---|---|---|
| committer | Pierre-Denis Vanduynslager <[email protected]> | 2017-01-06 15:57:15 -0500 |
| commit | 4c2f5443596c39c551ebb7ec635d01a98e434189 (patch) | |
| tree | 3bb7d0a5bcd80e2758578c8d597c7554d7fd4b0c /docs/components/forms.md | |
| parent | eb84c03ddf5993d701724250507055b4e394fbdb (diff) | |
| parent | 65ffb1c3b6e94440812a2e228cb8e8be512652ec (diff) | |
| download | bootstrap-4c2f5443596c39c551ebb7ec635d01a98e434189.tar.xz bootstrap-4c2f5443596c39c551ebb7ec635d01a98e434189.zip | |
Merge branch 'twbs/v4-dev' into dropdown-keyboard
Diffstat (limited to 'docs/components/forms.md')
| -rw-r--r-- | docs/components/forms.md | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/docs/components/forms.md b/docs/components/forms.md index 88bd37dc2..17a96a113 100644 --- a/docs/components/forms.md +++ b/docs/components/forms.md @@ -1,7 +1,7 @@ --- layout: docs title: Forms -description: Examples and usage guidelines for from controls, form layouts, and custom forms. +description: Examples and usage guidelines for form controls, form layouts, and custom forms. group: components --- @@ -331,7 +331,7 @@ Assistive technologies such as screen readers will have trouble with your forms ### Using the Grid -For more structured form layouts that are also responsive, you can utilize Bootstrap's [predefined grid classes]({{ site.baseurl }}/layout/grid/#predefined-classes) or [mixins]({{ site.baseurl }}/layout/grid/#sass-mixins) to create horizontal forms. Add the `.row` class to form groups and use the `.col-*-*` classes to specify the width of your labels and controls. +For more structured form layouts that are also responsive, you can utilize Bootstrap's [predefined grid classes]({{ site.baseurl }}/layout/grid/) or [mixins]({{ site.baseurl }}/layout/grid/#sass-mixins) to create horizontal forms. Add the `.row` class to form groups and use the `.col-*-*` classes to specify the width of your labels and controls. Be sure to add `.col-form-label` to your `<label>`s as well so they're vertically centered with their associated form controls. For `<legend>` elements, you can use `.col-form-legend` to make them appear similar to regular `<label>` elements. |
