title: How to add badge on top of Font Awesome symbol?
body: <p>I would like to add badge with some number (5, 10, 100) on top of the <a href="http://fontawesome.io/" rel="noreferrer">Font Awesome</a> symbol (<code>fa-envelope</code>). For example:</p>
  
  <p><img src="https://i.stack.imgur.com/T1OJD.png" alt="the picture"> </p>
  
  <p>But, I can not understand how to put the badge on top of the symbol. My attempt is available here: <a href="http://jsfiddle.net/and7ey/zxVhL/9/" rel="noreferrer">jsFiddle</a>. </p>
  
  <p>I would like to have it support Twitter Bootstrap 2.3.2.</p>