title: Bootstrap glyphicons does not show
body: <p>I build my angular app with <a href="https://github.com/Swiip/generator-gulp-angular" rel="nofollow noreferrer">bulp angular</a> and the component</p>
  
  <blockquote>
    <p>Sass (Node)</p>
  </blockquote>
  
  <p>I change the theme to flatly, downloaded it from <a href="http://bootswatch.com/flatly/" rel="nofollow noreferrer">bootswatch website</a> inserted into _bootstrap.scss</p>
  
  <pre><code>// Core variables and mixins
  @import "bootstrap/variables";
  @import "bootswatch/variables";
  ......  
  .....
  // Utility classes
  @import "bootstrap/utilities";
  @import "bootstrap/responsive-utilities";
  
  @import "bootswatch/bootswatch";
  </code></pre>
  
  <p>the theme was taken as expected but the glyphicon does not show as you can see.</p>
  
  <p><img src="https://i.stack.imgur.com/kCv75.png" alt="enter image description here"></p>
  
  <p>And html code </p>
  
  <pre><code>&lt;nav class="navbar navbar-static-top navbar-inverse" ng-controller="NavbarCtrl"&gt;
    &lt;div class="container-fluid"&gt;
      &lt;div class="navbar-header"&gt;
        &lt;a class="navbar-brand" href="https://github.com/Swiip/generator-gulp-angular"&gt;
          &lt;span class="glyphicon glyphicon-time"&gt;&lt;/span&gt; Gulp Angular
        &lt;/a&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>As you can see, I am using glyphicon in the right way.
  Bootstrap version is </p>
  
  <pre><code>{
    "name": "bootstrap-sass",
    "version": "3.3.3",
  </code></pre>
  
  <p>Bootstrap file structure</p>
  
  <p><img src="https://i.stack.imgur.com/Fmf9P.png" alt="enter image description here"></p>
  
  <p>What am I doing wrong? When I change to use LESS instead SASS then everything works fine.</p>