title: Twitter Bootstrap - Making CSS Icons bigger
body: <p>I'm using Twitter Bootstrap and it says to use <code>&lt;i class="icon-flag"&gt;&lt;/i&gt;</code> if I want to use an icon from their CSS sprite.</p>
  
  <p>How can I add my own css class called <code>.logo-icon</code> which will take one of their icons but make it bigger?</p>
  
  <p>My class currently looks like:</p>
  
  <pre><code>.logo-icon {
      background-image: url("../img/glyphicons-halflings-white.png");
      background-position: -312px -24px;
  }
  </code></pre>