aboutsummaryrefslogtreecommitdiff
path: root/docs/components/forms.md
diff options
context:
space:
mode:
authorPierre-Denis Vanduynslager <[email protected]>2017-01-06 15:57:15 -0500
committerPierre-Denis Vanduynslager <[email protected]>2017-01-06 15:57:15 -0500
commit4c2f5443596c39c551ebb7ec635d01a98e434189 (patch)
tree3bb7d0a5bcd80e2758578c8d597c7554d7fd4b0c /docs/components/forms.md
parenteb84c03ddf5993d701724250507055b4e394fbdb (diff)
parent65ffb1c3b6e94440812a2e228cb8e8be512652ec (diff)
downloadbootstrap-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.md4
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.