diff options
| author | Mark Otto <[email protected]> | 2016-12-24 14:11:03 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-24 14:21:04 -0800 |
| commit | 43ef8b129e6a2d74408b22d55c213d781f9e929a (patch) | |
| tree | 9f21af8778241e29048915619064335aaf7eca51 /docs | |
| parent | af977b561a6599009dc20114e972ac6b471d5738 (diff) | |
| download | bootstrap-43ef8b129e6a2d74408b22d55c213d781f9e929a.tar.xz bootstrap-43ef8b129e6a2d74408b22d55c213d781f9e929a.zip | |
fixes #21423 by updating docs to mention flex display instead of inline-block; clarifies follow-up text about use of the proper utilities
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/components/forms.md | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/docs/components/forms.md b/docs/components/forms.md index f40d79fce..bbf55eda8 100644 --- 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. |