Я хочу, чтобы раскрывающийся список соответствовал окну, а не подгонялся к контенту при просмотре пользователем в мобильном размере.
Что я пробовал: Я использовал bootstrap3. и получил это работает для других полей, но не в раскрывающемся списке с более длинным текстом. Я гуглил по этому поводу, но не смог найти ничего полезного.
Вот мой код:
<div class="table" id="didfv3" style="display:none">
<div class="row">
<div class="form-group col-sm-12">
<div class="col-sm-4">
<label for="InstitutionL">Institution</label>
</div>
<div class="col-sm-8">
<select name="Institutionn" class="form-control selectpicker"
data-live-search="true" onchange="getinst(this.value)" width="auto">
<option value="">-- Choose --</option>
<?php
//sql query
?>
</select>
</div>
</div>
</div>
</div>
так выглядит мой выпадающий список.