From: Mark Otto <markdotto@gmail.com>
Date: Sun, 25 Dec 2016 22:11:49 +0000 (-0800)
Subject: use flex and direction to do the stacked controls instead of float hacks
X-Git-Tag: v4.0.0-alpha.6~171
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=30fd1590d3567818fd12c13dc3dad616900b7399;p=thirdparty%2Fbootstrap.git

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.
---

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index 6511a2998e..8c2ce328f6 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;