mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
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.
This commit is contained in:
parent
82061b25c4
commit
30fd1590d3
1 changed files with 3 additions and 2 deletions
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue