rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-03-15 15:29:22 +01:00
Code Issues Actions Packages Releases Activity

Remove .form-group leftovers (#29449)

Browse Source
This commit is contained in:
wojtask9 2019-12-09 19:22:12 +01:00 committed by Martijn Cuppens
parent dde55d16a2
commit 043b054480
2 changed files with 1 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
scss/forms/_layout.scss
View File

@ -22,9 +22,6 @@
// Make forms appear inline(-block) by adding the `.form-inline` class. Inline // Make forms appear inline(-block) by adding the `.form-inline` class. Inline
// forms begin stacked on extra small (mobile) devices and then go inline when // forms begin stacked on extra small (mobile) devices and then go inline when
// viewports reach <768px. // viewports reach <768px.
//
// Requires wrapping inputs and labels with `.form-group` for proper display of
// default HTML form controls and our custom form controls (e.g., input groups).
.form-inline { .form-inline {
display: flex; display: flex;
@ -47,19 +44,9 @@
margin-bottom: 0; margin-bottom: 0;
} }
// Inline-block all the things for "inline"
.form-group {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0;
}
// Allow folks to *not* use `.form-group`
.form-control { .form-control {
display: inline-block; display: inline-block;
width: auto; // Prevent labels from stacking above inputs in `.form-group` width: auto; // Prevent labels from stacking above inputs
vertical-align: middle; vertical-align: middle;
} }

4
site/assets/scss/_component-examples.scss
View File

@ -119,10 +119,6 @@
position: static; position: static;
display: block; display: block;
} }
> .form-group:last-child {
margin-bottom: 0;
}
} }
// Images // Images