Bootstrap 3 Template
This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.
HTML
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://harvesthq.github.io/chosen/chosen.jquery.js"></script>
<link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen.css">
<form>
<div class="container">
<label>Label 1</label>
<select id="single" class="chosen-select">
<option value="">Choose an option</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div class="container">
<label>Label 2</label>
<select id="multiple" class="chosen-select" multiple="multiple">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div class="container">
<button type="submit">Validate</button>
<button type="reset" onclick="check()">Reset</button>
</div>
</form>
CSS
div.container {
margin: 20px;
}
label {
margin-right: 50px;
}
select {
width: 300px;
}
JavaScript
$('.chosen-select').chosen();
function check()
{
setTimeout(function() {
$('.chosen-select').trigger('chosen:updated');
}, 0);
}