aboutsummaryrefslogtreecommitdiff
path: root/docs/components/forms.md
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2017-01-05 14:53:08 -0800
committerMark Otto <[email protected]>2017-01-05 14:53:08 -0800
commit0c12ccbeb6fdf0dd3818f97260aa43c79108d377 (patch)
tree0c0c0636c91c6ebed1b04dbe21bd00370761c501 /docs/components/forms.md
parent5d7db507396275fcda96935aff47b09e1d79ddc1 (diff)
parent43d9391fba015f13f06f3af4dc6f5a8205cb548b (diff)
downloadbootstrap-0c12ccbeb6fdf0dd3818f97260aa43c79108d377.tar.xz
bootstrap-0c12ccbeb6fdf0dd3818f97260aa43c79108d377.zip
Merge branch 'v4-dev' into v4-docs-streamlined
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.