mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-19 16:54:24 +01:00
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
This commit is contained in:
parent
9a03d7efc6
commit
02ae73fc0f
@ -5,6 +5,7 @@
|
||||
.input-group {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
|
||||
.form-control {
|
||||
@ -28,10 +29,6 @@
|
||||
.input-group-addon,
|
||||
.input-group-btn,
|
||||
.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) {
|
||||
@include border-radius(0);
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user