Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Size of select box in Twitter Bootstrap

I'm using Twitter Bootstrap. Select boxes are always narrower than input boxes.

enter image description here

How can I make them the same width? Adding padding helps, but it looks ugly.

EDIT

Here is a little example - http://jsfiddle.net/DfY8z/2/
Same example with custom class applied - http://jsfiddle.net/DfY8z/3/

I can use classes like span3, span4 etc. But I want my inputs to fill all available space (and to be the same size) so I'm using custom class.

like image 361
ChruS Avatar asked Nov 26 '12 07:11

ChruS


2 Answers

Just adding input-sm class just next to the form-control worked for me.

<select class="form-control input-sm" id="xxx" ... >
like image 68
Sudarshen Avatar answered Oct 16 '22 16:10

Sudarshen


<input type="text" value="" name=""><br>
<select>
 <option>Some options which is very very long... </option>
</select>

The result is the exact size of the boxes.enter image description here

like image 26
Nilam Doctor Avatar answered Oct 16 '22 16:10

Nilam Doctor