Javatpoint Logo
Javatpoint Logo

Angular7 with Bootstrap

How to install Bootstrap for Angular project?

Run the following command on command prompt:

Angular7 with Bootstrap

Further, when you use a project created with Angular CLI 6+ (check via ng v ), you'll have an angular.json file instead of an .angular-cli.json file. In that file, you still 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.

Angular7 with Bootstrap

Here, we are using the Angular 7.2.3 version.

How to add bootstrap.css file in the project?

Expand Node Module (library root folder)

Angular7 with Bootstrap

Go to bootstrap folder and expand it.

Angular7 with Bootstrap

Go to dist folder and expand dist.

Angular7 with Bootstrap

Expand css and you will find ?bootstrap.css?. Expand bootstrap.css and you will see bootstrap.min.css

Angular7 with Bootstrap

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

Bootstrap is now installed for your Angular7 project. You can use it now.


Next Topic#




Please Share

facebook twitter google plus pinterest

Learn Latest Tutorials


Preparation


B.Tech / MCA