Restore .form-horizontal

This commit is contained in:
Mark Otto 2012-12-26 13:59:09 -06:00
parent 9921d21969
commit c17673dc61
2 changed files with 53 additions and 1 deletions

View File

@ -1528,6 +1528,31 @@ select:focus:invalid:focus {
border-radius: 0 4px 4px 0;
}
.form-horizontal .control-group {
margin-bottom: 10px;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
display: table;
content: " ";
}
.form-horizontal .control-group:after {
clear: both;
}
.form-horizontal .control-group > .control-label {
float: left;
width: 160px;
padding-top: 5px;
text-align: right;
}
.form-horizontal .control-group > .controls {
margin-left: 180px;
}
table {
max-width: 100%;
background-color: transparent;

View File

@ -428,7 +428,6 @@ select:focus:invalid {
// Input groups
// --------------------------------------------------
@ -537,3 +536,31 @@ select:focus:invalid {
border-radius: 0 @border-radius-base @border-radius-base 0;
}
}
// Horizontal forms
// --------------------------------------------------
.form-horizontal {
// Increase spacing between groups
.control-group {
margin-bottom: @line-height-base / 2;
.clearfix();
}
// Float the labels left
.control-group > .control-label {
float: left;
width: @component-offset-horizontal - 20;
padding-top: 5px;
text-align: right;
}
// Move over all input controls and content over
.control-group > .controls {
margin-left: @component-offset-horizontal;
}
}