title: How to use a Bootstrap 3 glyphicon in an html select
body: <p>I need to make a subset of the Bootstrap 3 glyphicons selectable in my ui by the user.</p>
  
  <p>I tried this:</p>
  
  <pre><code>&lt;select class="form-control"&gt;
    &lt;option&gt;&lt;span class="glyphicon glyphicon-cutlery"&gt;&lt;/span&gt;&lt;/option&gt;
    &lt;option&gt;&lt;span class="glyphicon glyphicon-eye-open"&gt;&lt;/span&gt;&lt;/option&gt; 
    &lt;option&gt;&lt;span class="glyphicon glyphicon-heart-empty"&gt;&lt;/span&gt;&lt;/option&gt;
    &lt;option&gt;&lt;span class="glyphicon glyphicon-leaf"&gt;&lt;/span&gt;&lt;/option&gt;
    &lt;option&gt;&lt;span class="glyphicon glyphicon-music"&gt;&lt;/span&gt;&lt;/option&gt;
    &lt;option&gt;&lt;span class="glyphicon glyphicon-send"&gt;&lt;/span&gt;&lt;/option&gt;
    &lt;option&gt;&lt;span class="glyphicon glyphicon-star"&gt;&lt;/span&gt;&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>However all I get are blank lines.  Any help or alternative suggestions appreciated.</p>