javascript - How can I make my Select Box Match the size of other text elements in Bootstrap 2.1.1? -

i want make select box have same size text boxes above.

see in bootply

you can find select box smaller other 2 input fields. want them have same size.

i using bootstrap 2.1.1.

you need give box-sizing:border-box css property select box:

.form-signin-signup select {   margin-bottom: 15px;   box-sizing: border-box; } 

with cross browser support:

.form-signin-signup select {   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box; } 

check bootply

mdn doc

some css tricks