Angular 8 with Bootstrap

How to install Bootstrap for Angular?

Run the following Command in Command prompt.

npm install–save
bootstrap@3= > The @3 is essential!

After that, when we use a project created with Angular CLI 6+, we will have an angular.json file instead of a.angular-cli.jsonfile. In that file, we need to add Bootstrap to the styles[]array, but the path should be node_modules/bootstrap/dist/css/bootstrap.min.css, NOT../node_modules/bootstrap/dist/css/bootstrap.min.css. The leading ../ must not be included.

Here, we are using the Angular 8.1.0 version.

Process of adding a bootstrap.css file in the Project

Expand node module (library root folder)

Go to the bootstrap folder and expand it.

Go to dist folder and expand it.

Expand CSS, and we will find "bootstrap.css." Expand bootstrap.css, and we will see bootstrap.min.css

Open angular.js file and bootstrap.min.css in the style section.

"styles" : [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css " 
 ], 

Bootstrap is installed for your Angular 8 project. We can use it now.