title: Font Awesome with bootstrap 3 not working
body: <p>This is my header where i've added font awesome as stated at the homepage:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;meta name="description" content=""&gt;
    &lt;meta name="author" content=""&gt;
    &lt;!-- Custom Font awesome --&gt;
    &lt;link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"&gt;
  
    &lt;!-- Bootstrap core CSS --&gt;
    &lt;link href="../css/bootstrap.css" rel="stylesheet"
  &lt;/head&gt;
  </code></pre>
  
  <p>And try testing font awesome with adding </p>
  
  <pre><code>&lt;a class="btn btn-lg btn-success" href="#"&gt;
    &lt;i class="fa fa-flag fa-2x pull-left"&gt;&lt;/i&gt; Font Awesome&lt;br&gt;Version 4.0.3
  &lt;/a&gt;
  </code></pre>
  
  <p>But the result is: none of the font awesome specific typography or icons. It seems like font awesome will not surpress the bootstrap code. Anyone can help?</p>