fix form field sizing for selects, document form field grid sizing

This commit is contained in:
Mark Otto
2012-01-07 00:47:53 -08:00
parent 0cb2866409
commit bcf1136f2c
5 changed files with 136 additions and 140 deletions

155
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: Sat Jan 7 00:29:11 PST 2012
* Date: Sat Jan 7 00:47:37 PST 2012
*/
html, body {
margin: 0;
@@ -601,8 +601,10 @@ select, input[type=file] {
line-height: 27px;
}
select {
background-color: #ffffff;
width: 220px;
padding: 0;
vertical-align: middle;
background-color: #ffffff;
}
select[multiple], select[size] {
height: inherit;
@@ -673,133 +675,84 @@ input[type=file]:focus, input[type=checkbox]:focus, select:focus {
.input-xxlarge {
width: 530px;
}
input.span1,
textarea.span1,
select.span1,
.uneditable-input.span1 {
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"] {
float: none;
margin-left: 0;
}
input.span1, textarea.span1, .uneditable-input.span1 {
width: 50px;
margin-left: 0;
}
input.span2,
textarea.span2,
select.span2,
.uneditable-input.span2 {
float: none;
input.span2, textarea.span2, .uneditable-input.span2 {
width: 130px;
margin-left: 0;
}
input.span3,
textarea.span3,
select.span3,
.uneditable-input.span3 {
float: none;
input.span3, textarea.span3, .uneditable-input.span3 {
width: 210px;
margin-left: 0;
}
input.span4,
textarea.span4,
select.span4,
.uneditable-input.span4 {
float: none;
input.span4, textarea.span4, .uneditable-input.span4 {
width: 290px;
margin-left: 0;
}
input.span5,
textarea.span5,
select.span5,
.uneditable-input.span5 {
float: none;
input.span5, textarea.span5, .uneditable-input.span5 {
width: 370px;
margin-left: 0;
}
input.span6,
textarea.span6,
select.span6,
.uneditable-input.span6 {
float: none;
input.span6, textarea.span6, .uneditable-input.span6 {
width: 450px;
margin-left: 0;
}
input.span7,
textarea.span7,
select.span7,
.uneditable-input.span7 {
float: none;
input.span7, textarea.span7, .uneditable-input.span7 {
width: 530px;
margin-left: 0;
}
input.span8,
textarea.span8,
select.span8,
.uneditable-input.span8 {
float: none;
input.span8, textarea.span8, .uneditable-input.span8 {
width: 610px;
margin-left: 0;
}
input.span9,
textarea.span9,
select.span9,
.uneditable-input.span9 {
float: none;
input.span9, textarea.span9, .uneditable-input.span9 {
width: 690px;
margin-left: 0;
}
input.span10,
textarea.span10,
select.span10,
.uneditable-input.span10 {
float: none;
input.span10, textarea.span10, .uneditable-input.span10 {
width: 770px;
margin-left: 0;
}
input.span11,
textarea.span11,
select.span11,
.uneditable-input.span11 {
float: none;
input.span11, textarea.span11, .uneditable-input.span11 {
width: 850px;
margin-left: 0;
}
input.span12,
textarea.span12,
select.span12,
.uneditable-input.span12 {
float: none;
input.span12, textarea.span12, .uneditable-input.span12 {
width: 930px;
margin-left: 0;
}
input.span13,
textarea.span13,
select.span13,
.uneditable-input.span13 {
float: none;
width: 1010px;
margin-left: 0;
select.span1 {
width: 70px;
}
input.span14,
textarea.span14,
select.span14,
.uneditable-input.span14 {
float: none;
width: 1090px;
margin-left: 0;
select.span2 {
width: 150px;
}
input.span15,
textarea.span15,
select.span15,
.uneditable-input.span15 {
float: none;
width: 1170px;
margin-left: 0;
select.span3 {
width: 230px;
}
input.span16,
textarea.span16,
select.span16,
.uneditable-input.span16 {
float: none;
width: 1250px;
margin-left: 0;
select.span4 {
width: 310px;
}
select.span5 {
width: 390px;
}
select.span6 {
width: 470px;
}
select.span7 {
width: 550px;
}
select.span8 {
width: 630px;
}
select.span9 {
width: 710px;
}
select.span10 {
width: 790px;
}
select.span11 {
width: 870px;
}
select.span12 {
width: 950px;
}
input[disabled],
select[disabled],