fix grid sized horizontal form layout

This commit is contained in:
Mark Otto 2012-01-15 12:53:35 -08:00
parent 6077b7678c
commit f43f2c0ea2
3 changed files with 10 additions and 10 deletions

8
bootstrap.css vendored
View File

@ -6,7 +6,7 @@
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
* Date: Sun Jan 15 11:41:37 PST 2012
* Date: Sun Jan 15 12:53:17 PST 2012
*/
html, body {
margin: 0;
@ -965,15 +965,15 @@ input::-webkit-input-placeholder {
}
.form-horizontal .control-group > label {
float: left;
width: 120px;
width: 140px;
padding-top: 5px;
text-align: right;
}
.form-horizontal .controls {
margin-left: 140px;
margin-left: 160px;
}
.form-horizontal .form-actions {
padding-left: 140px;
padding-left: 160px;
}
table {
width: 100%;

6
bootstrap.min.css vendored
View File

@ -172,9 +172,9 @@ input::-webkit-input-placeholder{color:#999999;}
.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input{display:inline-block;margin-bottom:0;}
.form-search label,.form-inline label{display:inline-block;}
.control-group{margin-bottom:18px;}
.form-horizontal .control-group>label{float:left;width:120px;padding-top:5px;text-align:right;}
.form-horizontal .controls{margin-left:140px;}
.form-horizontal .form-actions{padding-left:140px;}
.form-horizontal .control-group>label{float:left;width:140px;padding-top:5px;text-align:right;}
.form-horizontal .controls{margin-left:160px;}
.form-horizontal .form-actions{padding-left:160px;}
table{width:100%;margin-bottom:18px;}
th,td{padding:8px;line-height:18px;text-align:left;border-top:1px solid #ddd;}
th{font-weight:bold;vertical-align:bottom;}

View File

@ -469,16 +469,16 @@ input::-webkit-input-placeholder {
// Float the labels left
.control-group > label {
float: left;
width: 120px;
width: 140px;
padding-top: 5px;
text-align: right;
}
// Move over all input controls and content
.controls {
margin-left: 140px;
margin-left: 160px;
}
// Move over buttons in .form-actions to align with .controls
.form-actions {
padding-left: 140px;
padding-left: 160px;
}
}