diff options
| author | Mark Otto <[email protected]> | 2017-01-05 14:53:08 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-01-05 14:53:08 -0800 |
| commit | 0c12ccbeb6fdf0dd3818f97260aa43c79108d377 (patch) | |
| tree | 0c0c0636c91c6ebed1b04dbe21bd00370761c501 /docs/components/forms.md | |
| parent | 5d7db507396275fcda96935aff47b09e1d79ddc1 (diff) | |
| parent | 43d9391fba015f13f06f3af4dc6f5a8205cb548b (diff) | |
| download | bootstrap-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.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. |
