title: Social buttons using Twitter Bootstrap 3
body: <p>I'm trying to add some social buttons to my website, the styling is correct but the icons aren't appearing. I assume this must be an issue with Font Awesome as that's where the icons come from but I can't see where I've gone wrong.</p>
  
  <p>I linked it in the head like so: </p>
  
  <pre><code>&lt;link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"&gt;
  </code></pre>
  
  <p>and the buttons in the body like so:</p>
  
  <pre><code>&lt;div id="contact_page"&gt;
    &lt;div class="container"&gt;
      &lt;div class="row"&gt;
        &lt;div class="span4 pull-center"&gt;
          &lt;button class="btn btn-twitter"&gt;&lt;i class="icon-twitter"&gt;&lt;/i&gt; | Connect with Twitter&lt;/button&gt;&lt;br&gt;
          &lt;button class="btn btn-linkedin"&gt;&lt;i class="icon-linkedin"&gt;&lt;/i&gt; | Connect with LinkedIn&lt;/button&gt;&lt;br&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt; 
  &lt;/div&gt;
  </code></pre>