Single Select

<select title="Pick a number" class="selectpicker">
  <option>Select...</option>
  <option>One</option>
  <option>Two</option>
  <option>Three</option>
</select>

Multi-Select

<select multiple title="Colors" class="selectpicker">
  <option>Red</option>
  <option>Green</option>
  <option>Blue</option>
</select>

Select with Option Tooltip

<select class="selectpicker">
  <option>Select...</option>
  <option>LEGO&reg; 21103 The DeLorean Time Machine</option>
  <option>LEGO&reg; 21303 WALL&bull;E</option>
  <option disabled title="Out of stock">LEGO&reg; 76023 The Tumbler</option>
</select>

Select with Icons

<select title="Select your spell" class="selectpicker">
  <option>Select...</option>
  <option data-icon="glyphicon glyphicon-eye-open" data-subtext="petrification">Eye of Medusa</option>
  <option data-icon="glyphicon glyphicon-fire" data-subtext="area damage">Rain of Fire</option>
</select>

Select with Thumbnails

<select title="Select your surfboard" class="selectpicker">
  <option>Select...</option>
  <option data-thumbnail="images/icon-chrome.png">Chrome</option>
  <option data-thumbnail="images/icon-firefox.png">Firefox</option>
  <option data-thumbnail="images/icon-ie.png">IE</option>
  <option data-thumbnail="images/icon-opera.png">Opera</option>
  <option data-thumbnail="images/icon-safari.png">Safari</option>
</select>

Select with Option Groups

<select title="Choose game" class="selectpicker">
  <optgroup label="Classics">
    <option>Asteroids</option>
    <option>Donkey Kong</option>
    <option>Pac-Man</option>
  </optgroup>
  <optgroup label="Fighting">
    <option>Mortal Kombat</option>
    <option>Street Fighter</option>
    <option>Tekken</option>
  </optgroup>
</select>