Chosen Select
External dependency
This component requires the Chosen library.
Custom styles for select boxes provided by Chosen.
<div class="select">
<div class="form-group">
<label for="destination">Destination</label>
<select class="form-control chosen">
<option value=""></option>
<option value="One">One</option>
<option value="Two">Two</option>
<option value="Three">Three</option>
<option value="Four">Four</option>
</select>
</div>
</div>
<div class="select">
<div class="form-group">
<label for="destination">Destination</label>
<select class="form-control chosen">
<option value="One" selected>One (selected)</option>
<option value="Two">Two</option>
<option value="Three">Three</option>
<option value="Four">Four</option>
</select>
</div>
</div>
Chosen Multiple Select
External dependency
This component requires the Chosen library.
Custom styles for select boxes provided by Chosen.
<div class="select">
<div class="form-group">
<label for="destination">Destination</label>
<select class="form-control chosen" multiple>
<option value=""></option>
<option value="One">One</option>
<option value="Two">Two</option>
<option value="Three">Three</option>
<option value="Four">Four</option>
</select>
</div>
</div>
<div class="select">
<div class="form-group">
<label for="destination">Destination</label>
<select class="form-control chosen" multiple>
<option value=""></option>
<option value="One" selected>One (selected)</option>
<option value="Two" selected>Two (selected)</option>
<option value="Three">Three</option>
<option value="Four">Four</option>
</select>
</div>
</div>