DEV Community

Gülsen Keskin
Gülsen Keskin

Posted on

Fontawesome & Bootstrap Configurations in Angular

#fontawesome #bootstrap #angular

Add dependencies in package.json 

npm install --save bootstrap
npm install --save @fortawesome/fontawesome-free
Enter fullscreen mode Exit fullscreen mode

Update angular.json file 

"build": {
         ...
          "options": {
            ...
            "styles": [
              "node_modules/@fortawesome/fontawesome-free/css/all.min.css",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "src/styles.css"
            ],
            "scripts": [
              "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
            ]
          },
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

mrsamani profile image

Introducing NgxKnob: A Versatile Knob Component for Angular

mohammadreza samani -

nhannguyendevjs profile image

Create Angular Components Dynamically at runtime

Nhan Nguyen -

nullvoidkage profile image

📝 Angular Cheat Sheet for Developers

Nikko Ferwelo -

yushulx profile image

Building an Angular Document Viewer for Image Loading, Annotation, and PDF Export

Xiao Ling -