mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-21 04:41:36 +02:00
Code Issues Releases Wiki Activity

Update inline forms (updated docs and new flexbox styles) (#21212)

Browse Source 
* fix form-inline with flex enabled
* grunt
* fix alignment of labels
* shorter if syntax
* add new form example to docs for now
* update inline form docs usage guidelines
* responsive margins
* better margin utils
* fix sizing of .form-check
* flexbox alignment of .form-check
* no need to change direction
* support custom controls in inline form, for default and flex modes
* add example of custom select and checks to docs
* remove hidden and visible label variants since we cover that in the usage guidelines at the start and include hidden labels everywhere
* use property value instead of layout name
* apply to all labels
* add a visible label, space it out
* add id
This commit is contained in:
Mark Otto
2016-11-26 16:55:18 -08:00
committed by GitHub
parent b456cb351d
commit e17e75b757
4 changed files with 125 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
dist/css/bootstrap.css
View File

@@ -2315,8 +2315,8 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
@media (min-width: 576px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
margin-bottom: 0;
}
.form-inline .form-control {
display: inline-block;
@@ -2327,8 +2327,8 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
width: auto;
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,