Bootstrap Mulitselect - Constrained Width

by Brunno Romero

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://davidstutz.github.io/bootstrap-multiselect/dist/css/bootstrap-multiselect.css">
<script src="http://davidstutz.github.io/bootstrap-multiselect/dist/js/bootstrap-multiselect.js"></script>
<h2>multi</h2>

<select id="example-select" multiple="multiple">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
    <option value="6">Option 6</option>
</select>

<input type="button" value="Clique para selecionar" id="btn" />

CSS

.mid-width .multiselect-container {
    width: 200px;
}
.mid-width.wrapItems .multiselect-container>li>a {
    white-space: normal;
}

JavaScript

$('#example-select').multiselect();

$('#btn').click(function () {
    $('#example-select').multiselect('select', ['1', '2', '4']);
});