My angular app is built using bulp angular and the component.
I incorporate Sass (Node) into the project.
I decided to switch to the flatly theme, which I downloaded from the bootswatch website and inserted it into _bootstrap.scss.
// Core variables and mixins
@import "bootstrap/variables";
@import "bootswatch/variables";
......
.....
// Utility classes
@import "bootstrap/utilities";
@import "bootstrap/responsive-utilities";
@import "bootswatch/bootswatch";
The theme applied as expected but the glyphicon does not display as intended.
Below is the HTML code:
<nav class="navbar navbar-static-top navbar-inverse" ng-controller="NavbarCtrl">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="https://github.com/Swiip/generator-gulp-angular">
<span class="glyphicon glyphicon-time"></span> Gulp Angular
</a>
</div>
In this snippet, you can see that I am utilizing glyphicon correctly. The version of Bootstrap being used is:
{
"name": "bootstrap-sass",
"version": "3.3.3",
Here is the file structure for Bootstrap:
Could there be an issue with my setup? Interestingly, when I switched to using LESS instead of SASS, everything worked smoothly.