kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

fixes #9798: update spacing on checkboxes and radios for horizontal

Browse source
This commit is contained in:
Mark Otto 2013-08-18 15:41:24 -07:00
parent 5746979aad
commit fe767a18d3
3 changed files with 23 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
dist/css/bootstrap.css vendored
View file

@ -1884,9 +1884,13 @@ textarea.input-lg {
} }
.form-horizontal .control-label, .form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline, .form-horizontal .radio-inline,
.form-horizontal .checkbox-inline { .form-horizontal .checkbox-inline {
padding-top: 7px; padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
} }
.form-horizontal .form-group { .form-horizontal .form-group {

2
dist/css/bootstrap.min.css vendored
View file

File diff suppressed because one or more lines are too long

29
less/forms.less
View file

@ -326,21 +326,28 @@ input[type="checkbox"],
// Horizontal forms are built on grid classes and allow you to create forms with // Horizontal forms are built on grid classes and allow you to create forms with
// labels on the left and inputs on the right. // labels on the left and inputs on the right.
.form-horizontal .control-label,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: (@padding-base-vertical + 1); // Default padding plus a border
}
.form-horizontal { .form-horizontal {
// Consistent vertical alignment of labels, radios, and checkboxes
.control-label,
.radio,
.checkbox,
.radio-inline,
.checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: (@padding-base-vertical + 1); // Default padding plus a border
}
// Make form groups behave like rows
.form-group { .form-group {
.make-row(); .make-row();
} }
}
// Only right align form labels here when the columns stop stacking // Only right align form labels here when the columns stop stacking
@media (min-width: @screen-tablet) { @media (min-width: @screen-tablet) {
.form-horizontal .control-label { .control-label {
text-align: right; text-align: right;
}
} }
} }