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

【问题标题】：Select Box height/width with Bootstrap does not match height of other form input boxes使用 Bootstrap 选择框高度/宽度与其他表单输入框的高度不匹配
【发布时间】：2016-03-14 13:55:12
【问题描述】：

我有一个使用 Bootstrap 制作的表单。输入只是文本框，但有一个select box。我尝试使用 input-xs 和 input-mini 类，但 select box 的高度与其他输入框的高度或宽度不匹配，并且似乎没有改变。这是一个不正确的班级问题还是发生了其他事情？

我在这里创建了一个小提琴：https://jsfiddle.net/c85uaqmt/。

【问题讨论】：

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

您也应该输入form-control。此外，该标记缺少一个结束 DIV 标记。

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

http://bootply.com/vpTL7MHHZG

【讨论】：

【解决方案2】：

尝试添加类“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>

【讨论】：