mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00
Code Activity

Fixes #12843: Scope label styles for horizontal forms to a media query so their narrow viewport display looks just like a normal form

Browse Source
This commit is contained in:
Mark Otto
2014-03-09 17:22:52 -07:00
parent 2f955907f9
commit 1a5fb4ef24
9 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
less/forms.less
+7 -3
View File
@@ -413,8 +413,9 @@ input[type="checkbox"],
.form-horizontal {
// Consistent vertical alignment of labels, radios, and checkboxes
.control-label,
// Consistent vertical alignment of radios and checkboxes
//
// Labels also get some reset styles, but that is scope to a media query below.
.radio,
.checkbox,
.radio-inline,
@@ -440,10 +441,13 @@ input[type="checkbox"],
padding-bottom: (@padding-base-vertical + 1);
}
// Only right align form labels here when the columns stop stacking
// Reset spacing and right align labels, but scope to media queries so that
// labels on narrow viewports stack the same as a default form example.
@media (min-width: @screen-sm-min) {
.control-label {
text-align: right;
margin-bottom: 0;
padding-top: (@padding-base-vertical + 1); // Default padding plus a border
}
}