aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2016-12-28 19:08:33 -0800
committerGitHub <[email protected]>2016-12-28 19:08:33 -0800
commitb350e60e82efd330e5896c3a2345c43f6fbdcf1a (patch)
tree66661c20cde7fec26ff70aafee8fd6c61971da8e
parent4449167f44cf352cfc372465d21960dfe1f23852 (diff)
downloadbootstrap-b350e60e82efd330e5896c3a2345c43f6fbdcf1a.tar.xz
bootstrap-b350e60e82efd330e5896c3a2345c43f6fbdcf1a.zip
use align-items on .form-inline to keep items from growing too much (#21461)
-rw-r--r--scss/_forms.scss1
1 files changed, 1 insertions, 0 deletions
diff --git a/scss/_forms.scss b/scss/_forms.scss
index 7b750f030..7be62bde6 100644
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@@ -298,6 +298,7 @@ select.form-control-lg {
.form-inline {
display: flex;
flex-flow: row wrap;
+ align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)
// Because we use flex, the initial sizing of checkboxes is collapsed and
// doesn't occupy the full-width (which is what we want for xs grid tier),