title: Using Twitter Bootstrap glyphicons in CSS
body: <p>I would like to add a Twitter bootstrap glyphicon to replace the image reference in the CSS file below though not sure how.</p>
  
  <pre><code>.edit-button {
    background: url('../img/edit.png') no-repeat;
    width: 16px;
    height: 16px;
  }
  </code></pre>
  
  <p>In HTML I would add it as follows:</p>
  
  <pre><code>&lt;i class="icon-search icon-white"&gt;&lt;/i&gt;
  </code></pre>
  
  <p>Any ideas?</p>
  
  <p>update - tried the following though it only shows width and height in Firefox's firebug:</p>
  
  <pre><code>.edit-button
  {
    /* background: url('../img/edit.png') no-repeat; */
    background: url(../img/glyphicons-halflings.png) no repeat -96px -72px !important;
    width: 16px;
    height: 16px;
  }
  </code></pre>
  
  <p>not sure why it's not being picked up ?</p>