fixes #21423 by updating docs to mention flex display instead of inline-block; clarif...

diff --git a/docs/components/forms.md b/docs/components/forms.md
index f40d79fcef0655eea3f499155bc278b6befca4cb..bbf55eda896bc1c73ee0d9d0c12c1a385207e314 100644 (file)
--- a/docs/components/forms.md
+++ b/docs/components/forms.md
@@ -275,7 +275,7 @@ The `.form-group` class is the easiest way to add some structure to forms. Its o
 
 Use the `.form-inline` class to display a series of labels, form controls, and buttons on a single horizontal row. Form controls within inline forms vary slightly from their default states.
 
-- Controls are `display: inline-block` (or `flex` when enabled) to provide alignment control via `vertical-align` and `margin`. Those also means you'll have some HTML character spaces between elements by default.
+- Controls are `display: flex`, collapsing any HTML white space and allowing you to provide alignment control with [spacing]({{ site.baseurl }}/utilities/spacing/) and [flexbox]({{ site.baseurl }}/utilities/flexbox/) utilities.
 - Controls and input groups receive `width: auto` to override the Bootstrap default `width: 100%`.
 - Controls **only appear inline in viewports that are at least 576px wide** to account for narrow viewports on mobile devices.