mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-15 10:05:40 +02:00
Code Issues Releases Wiki Activity

fix segmented buttons (#21716)

Browse Source 
* fix segmented buttons

changed flex-direction to row
centering is now done by align-items instead of justify-content

this way there is no need for flex property on the .btn inside .btn-group

* Update _input-group.scss
This commit is contained in:
Gijs Boddeus
2017-01-21 21:25:24 +01:00
committed by Mark Otto
parent ade657afee
commit 12b22ebad6
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

@@ -30,8 +30,7 @@
.input-group .form-control { .input-group .form-control {
// Vertically centers the content of the addons within the input group // Vertically centers the content of the addons within the input group
display: flex; display: flex;
flex-direction: column; align-items: center;
justify-content: center;
&:not(:first-child):not(:last-child) { &:not(:first-child):not(:last-child) {
@include border-radius(0); @include border-radius(0);
@@ -144,8 +143,6 @@
// element above the siblings. // element above the siblings.
> .btn { > .btn {
position: relative; position: relative;
// Vertically stretch the button and center its content
flex: 1;
+ .btn { + .btn {
margin-left: (-$input-btn-border-width); margin-left: (-$input-btn-border-width);