This project was generated with Angular CLI version 10.0.5.
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the --prod
flag for a production build.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.
Install the following library
ng add @ng-bootstrap/ng-bootstrap
Create the following files
|- src/
|- scss/
|- _variables.scss
Add following lines in src/styles.scss
// VARIABLES
@import './scss/_variables';
// LIBRARIES
@import '~bootstrap/scss/bootstrap';
@import "./scss/_font-awesome";
Install font awesome library.
npm install --save @fortawesome/fontawesome-free
Add following file /scss/_font-awesome.scss
with this content:
// Allows overriding Font Awesome variables https://github.com/FortAwesome/Font-Awesome/blob/master/web-fonts-with-css/scss/_variables.scss
// For loadiong the Web Fonts based on an absolute route instead of a relative route
$fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
// Importing main Font Awesome scss library
@import "~@fortawesome/fontawesome-free/scss/fontawesome.scss";
// Importing Font Awesome Web Fonts
@import "~@fortawesome/fontawesome-free/scss/solid.scss";
@import "~@fortawesome/fontawesome-free/scss/regular.scss";
@import "~@fortawesome/fontawesome-free/scss/brands.scss";
Add following lines in src/styles.scss
// LIBRARIES
@import "~bootstrap/scss/bootstrap.scss";
@import "./scss/_font-awesome";