сделать вводимый текст такой же высоты, что и загрузочный selectpicker

#jquery #twitter-bootstrap #css #twitter-bootstrap-3

Вопрос:

Я пытаюсь сделать input type text тот же размер, что и selectpicker начальной загрузки, прямо сейчас, ввод короче, чем выбор.

Я пробовал $("#selectpicker_picker").height() , но это дает мне гораздо большую высоту.

https://jsfiddle.net/zf9cv6jg/

Редактировать: я могу заставить его, просто добавив отступы, но мне было интересно, есть ли более точный способ.

1. пожалуйста, покажите некоторый код и укажите СКРИПКУ

2. вы не использовали сеточную систему или не хотите??

3. @AsifuzzamanRedoy Не уверен, что вы подразумеваете под сеточной системой.

4. загрузочная сетка / столбец

Ответ №1:

Вы можете просто добавить класс form-control в текстовое поле ввода, чтобы придать ему ту же высоту, что и selectpicker, например:

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

а для ширины вы можете использовать классы col-xx-xx, такие как col-xs-6

Ответ №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>

Пример скрипки

1. Я думаю, что это должно быть хорошо, не понимал, что есть форма css

2. Что, если пользователь будет использовать input-sm для ввода? Поле выбора будет больше! Этот ответ верен только для размера по умолчанию.