title: Bootstrap-Iso hosted locally in a css file is not showing glyphicons correctly. Need fix
body: <p>Bear with me..:I am attempting to create a form that will be input on a pre-existing site. I am not a professional, nor the developer of the site, so my intention was to create the form, which has js conditional formatting, in a bootstrap isolation css. The original source I used can be found here: <a href="https://formden.com/blog/isolate-bootstrap" rel="nofollow noreferrer">https://formden.com/blog/isolate-bootstrap</a>. I downloaded the files and dragged ONLY the bootstrap-iso.css into my host folder.(Not sure if I should be bringing boostrap-theme.css as well?)</p>
  
  <p>I took out the form and the conditional js, but wanted to show you my problem in the code snippet. I cannot get the glyphicons to work with the bootstrap iso css, and need to know how to remedy the situation. Seen in my code snippet, only the envelope glyphicon works for some reason. When I link to "<a href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="nofollow noreferrer">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css</a>", the glyphicons work fine, but I lose the iso aspect and am not sure if the developers can just plop the form in. Can anyone explain to me how to get the glyphicons to work? I need to use them as tool tip hover overs. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://formden.com/static/assets/demos/bootstrap-iso/bootstrap-iso/bootstrap-iso.css" rel="stylesheet"/&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;html&gt;
   &lt;head&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
          &lt;link rel="stylesheet" href="bootstrap-iso.css" /&gt; 
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
          &lt;style&gt;
          &lt;/style&gt; 
   &lt;/head&gt;
      
  
  &lt;body&gt;
  
      
   &lt;div class="bootstrap-iso"&gt;&lt;!-- HTML Form (wrapped in an isolated Bootstrap 3 div)
   
   
      &lt;div class="container-fluid"&gt; 
          &lt;div class="row"&gt; &lt;!--Bootstrap --&gt;
              &lt;div class="col-md-8 col-sm-8 col-xs-10"&gt;
              
              &lt;p&gt;Glyphicon user: &lt;span class="glyphicon glyphicon-user"&gt;&lt;/span&gt;&lt;/p&gt;
  
              &lt;p&gt;Envelope icon: &lt;span class="glyphicon glyphicon-envelope"&gt;&lt;/span&gt;&lt;/p&gt;
                     
              &lt;p&gt;exclamation icon: &lt;span class="glyphicon glyphicon-exclamation-sign"&gt;&lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>