# Angular 7 with Bootstrap

## To install Bootstrap for Angular project:

• Open the command prompt.
• Run the below command.

npm install –save [email protected]

There will be an angular.json file instead of .angular-cli.json file, in case a project is created with Angular CLI 6+ (check via ng v ). In this case, add Bootstrap to the styles[] array in the angular.json file, with the path specified as node_modules/bootstrap/dist/css/bootstrap.min.css , and not the ../node_modules/bootstrap/dist/css/bootstrap.min.css, i.e, the leading ../ must not be included in the path.

## To add bootstrap.css file in the project:

• Expand Node Module which is the library root folder.

• Expand the bootstrap folder.

• Expand the dist folder.

• Expand css. The bootstrap.css will be displayed.
• Expand bootstrap.css.
• The bootstrap.min.css will be displayed.

• Open angular.json file.
• Add the bootstrap.min.css in the style section.
"styles": [ "node_modules/bootstrap/dist/css/bootstrap.min.css", "src/styles.css" ],

Bootstrap is thus successfully installed for the Angular 7 project and can be used now.