From 878e5c591062c3116b1f6c4530af2bb59f82e467 Mon Sep 17 00:00:00 2001 From: Mark Otto <markd.otto@gmail.com> Date: Sat, 23 Dec 2017 15:46:06 -0800 Subject: [PATCH] Closes #25039 Adds some additional context on `.form-group` usage --- docs/4.0/components/forms.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/4.0/components/forms.md b/docs/4.0/components/forms.md index 23350415a5..c69bfe2ae2 100644 --- a/docs/4.0/components/forms.md +++ b/docs/4.0/components/forms.md @@ -249,7 +249,7 @@ Since Bootstrap applies `display: block` and `width: 100%` to almost all our for ### Form groups -The `.form-group` class is the easiest way to add some structure to forms. Its only purpose is to provide `margin-bottom` around a label and control pairing. As a bonus, since it's a class you can use it with `<fieldset>`s, `<div>`s, or nearly any other element. +The `.form-group` class is the easiest way to add some structure to forms. It provides a flexible class that encourages proper grouping of labels, controls, optional help text, and form validation messaging. By default it only applies `margin-bottom`, but it picks up additional styles in `.form-inline` as needed. Use it with `<fieldset>`s, `<div>`s, or nearly any other element. {% example html %} <form> -- GitLab