Bootstrap Selectpicker

by ishq786

HTML

<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.3.5/bootstrap-select.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.3.5/bootstrap-select.js"></script>
<select class="selectpicker" multiple title="Features">
  <optgroup label="Bench" data-max-options="1">
    <option selected="true" data-content="<span class='label label-success'>Bench</span>">Bench</option>
    <option data-content="<span class='label label-warning'>Bench</span>">Bench</option>
  </optgroup>
  <optgroup label="Shelter" data-max-options="1">
    <option data-content="<span class='label label-success'>Shelter</span>">Shelter</option>
    <option selected="true" data-content="<span class='label label-warning'>Shelter</span>">Shelter</option>
  </optgroup>
  <optgroup label="Trash" data-max-options="1">
    <option data-content="<span class='label label-success'>Trash</span>">Trash</option>
    <option data-content="<span class='label label-warning'>Trash</span>">Trash</option>
    <option data-content="<span class='label label-default'>Trash</span>">Trash</option>
  </optgroup>
</select>

JavaScript

$(function() {
  $('.selectpicker').selectpicker();
});