title: how to include glyphicons in bootstrap 3
body: <p>I've not used any of the bootstrap frameworks before. I want to include some of the glyphicons in bootstrap 3 on my page. From what I understand they should be included in a bootstrap.css file which I've added to my page. When I've looked in the bootstrap.css file however I don't see any reference to them ? Although its a large file I may have missed something. </p>
  
  <p>I have noticed that when I opened the  <code>dist</code> folder downloaded from bootstrap 3 there is a separate folder <code>fonts</code> that contains files named:</p>
  
  <pre><code>glyphicons-halflings-regular.eot 
  glyphicons-halflings-regular.svg 
  glyphicons-halflings-regular.ttf 
  glyphicons-halflings-regular.woff
  </code></pre>
  
  <p>It Seems like this is where the glyphicons are however I don't know how to attach these to my site? How do I attach the glyphicons to my page ? </p>
  
  <p>Thanks for any help in advance</p>
  
  <p>The code below shows the attached bootstrap.css file:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Bootstrap example&lt;/title&gt;
      &lt;meta name="viewport" content="width=divice-width, initial-scale=1.0"&gt;
      &lt;!-- Bootstrap --&gt;
      &lt;link href="bootstrap.css" rel="stylesheet" media="screen"&gt;
   &lt;/head&gt;
  </code></pre>
  
  <p>and here is the part of the <code>html</code> code showing where the glyphicons should be:</p>
  
  <pre><code>      &lt;div class="collapse navbar-collapse"&gt;
          &lt;ul class="nav navbar-nav"&gt;
            &lt;li class="active"&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-home"&gt;&lt;/span&gt;
             Home&lt;/a&gt;&lt;/li&gt;    
            &lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-star"&gt;&lt;/span&gt; Top
             Destinations&lt;/a&gt;&lt;/li&gt;
            &lt;li class="dropdown"&gt;
              &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;&lt;span    
              class="glyphicon glyphicon-user"&gt;&lt;/span&gt; About Us&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
  </code></pre>