A. Lau A. Lau - 1 year ago 221
jQuery Question

make input text same height as bootstrap selectpicker

I'm trying to make the

input type text
the same size as bootstrap's selectpicker, right now, the input is shorter than the select.

I've tried
but it gives me a much bigger height.


Edit: I can kinda force it by just adding padding, but I was wondering if there was a more accurate way.

Answer Source

Hello see the below fiddle .As you are using bootstrap it would be better if you use form control

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

Fiddle Example

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download