mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-16 02:24:19 +02:00
Code Issues Releases Wiki Activity

Apply align-items: center; to .input-group instead of input group sub components, causes .input-group .form-control and .input-group-addon to be large when next to a tall element

Browse Source
This commit is contained in:
Patrick Yeo
2017-05-01 17:59:21 -07:00
committed by Mark Otto
parent 9a03d7efc6
commit 02ae73fc0f
1 changed files with 1 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
scss/_input-group.scss
View File

@@ -5,6 +5,7 @@
.input-group { .input-group {
position: relative; position: relative;
display: flex; display: flex;
align-items: center;
width: 100%; width: 100%;
.form-control { .form-control {
@@ -28,10 +29,6 @@
.input-group-addon, .input-group-addon,
.input-group-btn, .input-group-btn,
.input-group .form-control { .input-group .form-control {
// Vertically centers the content of the addons within the input group
display: flex;
align-items: center;
&:not(:first-child):not(:last-child) { &:not(:first-child):not(:last-child) {
@include border-radius(0); @include border-radius(0);
} }