Objective:
How can I adjust the width of a select dropdownlist that is utilizing bootstrap v2?
Challenge:
I am uncertain about how to modify the width in the context of bootstrap.
Additional Information:
Keep in mind that there are three dropdownlists on the same page, and it is specifically one of them that I need to resize.
Click here for the code example
Thank you!
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>
<select style="display: none;" class="selectpicker" id="fromContent" name="From">
<option value="122344">122344</option>
<option value="46731233320">46731233320</option>
<option value="abbb">abbb</option>
<option value="asd">asd</option>
<option value="d">d</option>
<option value="test">test</option>
<option value="testtest">testtest</option>
<option value="11">11</option>
<option value="24">24</option>
<option value="ddd">ddd</option>
<option value="gd">gd</option>
<option value="hn2">hn2</option>
<option value="jippo">jippo</option>
<option value="sdf">sdf</option>
<option value="sdfsdf">sdfsdf</option>
</select>
<div class="btn-group bootstrap-select">
<button title="122344" data-id="fromContent" type="button" class="btn dropdown-toggle form-control selectpicker btn-default" data-toggle="dropdown"><span class="filter-option pull-left">122344</span> <span class="caret"></span>
</button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner selectpicker" role="menu">
<li class="selected" data-original-index="0"><a tabindex="0" class="" data-normalized-text="<span class="text">122344</span>"><span class="text">122344</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" data-normalize...