Bootstrap Mulitselect

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>
<select class="multiselect" multiple="multiple">
    <option value="1">one</option>
    <option value="2">two</option>
    <option value="3">three</option>
    <option value="4">four</option>
    <option value="5">five</option>
    <option value="6">six</option>
    <option value="7">seven</option>
    <option value="8">eight</option>
    <option value="9">nine</option>
    <option value="10">ten</option>
</select>

CSS

.multiselect-container li.filter .input-group {
  position: fixed;
  background-color: white;
  width: 100px;
  z-index: 1;
  margin: 0;
  padding: 5px;
}

.multiselect-container li.filter input {
  width: 55px;
}

.multiselect-container li:nth-child(1) {
  margin-bottom:40px;
}

JavaScript

$('.multiselect').multiselect({ 
    enableCaseInsensitiveFiltering: true,
    maxHeight: 200,
    filterPlaceHolder: 'alma'
});