rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-07 04:54:24 +01:00
Code Issues Actions Packages Releases Activity

use align-items on .form-inline to keep items from growing too much (#21461)

Browse Source
This commit is contained in:
Mark Otto 2016-12-28 19:08:33 -08:00 committed by GitHub
parent 4449167f44
commit b350e60e82
1 changed files with 1 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
scss/_forms.scss
View File

@ -298,6 +298,7 @@ select.form-control-lg {
.form-inline { .form-inline {
display: flex; display: flex;
flex-flow: row wrap; 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 // 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), // doesn't occupy the full-width (which is what we want for xs grid tier),