mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-12 00:08:59 +01:00
fixes #21423 by updating docs to mention flex display instead of inline-block; clarifies follow-up text about use of the proper utilities
This commit is contained in:
parent
af977b561a
commit
43ef8b129e
@ -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.
|
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 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.
|
- Controls **only appear inline in viewports that are at least 576px wide** to account for narrow viewports on mobile devices.
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user