使输入文本与bootstrap selectpicker的高度相同

Question

我正在尝试使input type text与bootstrap的selectpicker大小相同，此时输入比select更短。

我已经尝试$("#selectpicker_picker").height()了，但它给了我更大的高度。

https://jsfiddle.net/zf9cv6jg/

编辑：我可以通过添加填充来强制它，但我想知道是否有更准确的方法。

Answer 1

您可以简单地将表单控件类添加到输入文本字段，以使其与selectpicker具有相同的高度，如：

<input type="text" class="form-control"/>

并且对于宽度，您可以使用col-xx-xx类，例如col-xs-6

Answer 2

你好看下面的小提琴。当你使用bootstrap时，如果你使用表单控件会更好

 <form class="form-inline">
 <div class="form-group">
 <label>Name</label>
 <input type="text" class="form-control" placeholder="Name">
 </div>
 <div class="form-group">
 <label>Date:</label>
 <select class='selectpicker'>
 <option value="something">something</option>
 </select>
 </div>    
 </form>

Fiddle Example