diff options
| author | Mark Otto <[email protected]> | 2016-12-25 14:11:49 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-25 15:48:44 -0800 |
| commit | 30fd1590d3567818fd12c13dc3dad616900b7399 (patch) | |
| tree | ed145d2c64941b271e0c5d9189de07a43783b5f1 | |
| parent | 82061b25c40e42fcce3147110df43557fb0310d8 (diff) | |
| download | bootstrap-30fd1590d3567818fd12c13dc3dad616900b7399.tar.xz bootstrap-30fd1590d3567818fd12c13dc3dad616900b7399.zip | |
use flex and direction to do the stacked controls instead of float hacks
This also fixes #21280. Previously, we were using float and clear on the individual controls, but that meant a computer height of `0` for the parent `.custom-controls-stacked`. No more problem after using flexbox though.
| -rw-r--r-- | scss/_custom-forms.scss | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index 6511a2998..8c2ce328f 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -114,10 +114,11 @@ // set. Use these optional classes to tweak the layout. .custom-controls-stacked { + display: flex; + flex-direction: column; + .custom-control { - float: left; margin-bottom: $custom-control-spacer-y; - clear: left; + .custom-control { margin-left: 0; |