<!-- Include Twitter Bootstrap and jQuery: -->
<link rel="stylesheet" href="https://davidstutz.github.io/bootstrap-multiselect/css/bootstrap-3.1.1.min.css" type="text/css"/>
<script type="text/javascript" src="https://davidstutz.github.io/bootstrap-multiselect/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="https://davidstutz.github.io/bootstrap-multiselect/js/bootstrap-3.1.1.min.js"></script>
 
<!-- Include the plugin's CSS and JS: -->
<script type="text/javascript" src="https://davidstutz.github.io/bootstrap-multiselect/js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="https://davidstutz.github.io/bootstrap-multiselect/css/bootstrap-multiselect.css" type="text/css"/>
 
<select id="example28" multiple="multiple">
  <option value="cheese">Cheese Cheese Cheese Cheese Cheese Cheese Cheese Cheese Cheese Cheese </option>
  <option value="tomatoes">Tomatoes Tomatoes Tomatoes Tomatoes Tomatoes Tomatoes Tomatoes</option>
  <option value="mozarella">Mozzarella Mozzarella Mozzarella Mozzarella Mozzarella</option>
  <option value="onions">Onions Onions Onions Onions OnionsOnions Onions OnionsOnions Onions</option>
</select>
 $(document).ready(function() {
        $('#example28').multiselect({
            includeSelectAllOption: true,
            enableFiltering: true,
          enableCaseInsensitiveFiltering:true,
            maxHeight: 150
        });
    });

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.