diff options
| author | Mark Otto <[email protected]> | 2014-03-09 17:22:52 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-03-09 17:22:52 -0700 |
| commit | 1a5fb4ef24f6d1beb71df946fa4781df10eab6e1 (patch) | |
| tree | 6de89c88ffa3171f343afe4cba25f259a92e38a9 /less/forms.less | |
| parent | 2f955907f95ad9b7f42f624eb11142339709c188 (diff) | |
| download | bootstrap-1a5fb4ef24f6d1beb71df946fa4781df10eab6e1.tar.xz bootstrap-1a5fb4ef24f6d1beb71df946fa4781df10eab6e1.zip | |
Fixes #12843: Scope label styles for horizontal forms to a media query so their narrow viewport display looks just like a normal form
Diffstat (limited to 'less/forms.less')
| -rw-r--r-- | less/forms.less | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/less/forms.less b/less/forms.less index f19d5c4c2..47ed3426a 100644 --- a/less/forms.less +++ b/less/forms.less @@ -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 } } |