Jquery 使输入文本与引导选择器的高度相同

Jquery 使输入文本与引导选择器的高度相同,jquery,twitter-bootstrap,css,twitter-bootstrap-3,Jquery,Twitter Bootstrap,Css,Twitter Bootstrap 3,我正在尝试使输入类型文本与引导的选择器选择器大小相同,现在,输入比选择的文本短 我试过$(“#selectpicker\u picker”).height()但它给了我更大的高度 编辑:我可以通过添加填充来强制它,但我想知道是否有更准确的方法。您好,请参阅下面的提琴。因为您使用的是引导,所以如果使用表单控件会更好 <form class="form-inline"> <div class="form-group"> <label>Name</la

我正在尝试使
输入类型文本
与引导的选择器选择器大小相同,现在,输入比选择的文本短

我试过
$(“#selectpicker\u picker”).height()
但它给了我更大的高度


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

您好,请参阅下面的提琴。因为您使用的是引导,所以如果使用表单控件会更好

 <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>

名称
日期:
某物

您好,请看下面的提琴。因为您使用的是引导,所以最好使用表单控件

 <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>

名称
日期:
某物

您可以简单地将表单控件类添加到输入文本字段中,使其具有与选择器相同的高度,如:

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


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

,您只需将表单控件类添加到输入文本字段中,使其与选择器具有相同的高度,如:

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


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

请显示一些代码并提供一个提琴。您不是使用网格系统还是不想要???@AsifuzzamanRedoy不确定网格系统是什么意思。引导网格/列请显示一些代码并提供一个提琴您不是使用网格系统还是不想要??我不知道你所说的网格系统是什么意思。引导网格/列我认为这应该是好的,没有意识到有表单CSW,如果用户使用
输入sm
?选择框会更大!这个答案只适用于默认大小。我认为这应该是好的,没有意识到有表单CSW,如果用户使用
input sm
进行输入,会如何?选择框会更大!此答案仅适用于默认大小。