使用Bootstrap选择框的高度/宽度与其他表单输入框的高度不匹配

Question

I have a form that I'm making with Bootstrap. The inputs are just text boxes, but there is one select box . I've tried using the input-xs and input-mini classes but the height of the select box does not match the height or width of the other input boxes and does not seem to change. Is this an incorrect class issue or is there something else going on?

I've created a fiddle here: https://jsfiddle.net/c85uaqmt/ .

Answer 1

Try to add the class "input-group"

 <div class="form-group input-group">
    <label for="sel1">Select list:</label>
    <select class="form-control" id="select" placeholder="">
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>

Answer 2

You should make the input's form-control too. Also, the markup is missing a closing DIV tag.

<input class="form-control" id="Name" name="Name" type="text" placeholder="">

http://bootply.com/vpTL7MHHZG