Using Bootstrap in Angular | Components | Angular 12+

In this lecture, you will learn how to use bootstrap in your angular application. Many angular application uses bootstrap to design the UI instead of using custom CSS styles. And bootstrap provides a lot of CSS classes for tables, headers, footers, navbar etc.
So, let's learn how to include bootstrap in your angular application and how to use it.

[@srinathweb118]

0:15 Need not do `--save` anymore to save npm package. it will automatically save

[@ryanantonio4589]

Thank you bro, this was so helpful

[@surfeurdestemps3193]

There is a little problem, there is no javascript bootstrap in script array in angular.json....

[@manojkiyan8581]

Bro please make more videos about angular

[@shreyaakaranjkar8459]

Very helpful thanks ... :)☺☺☺☺☺

[@AkshatTech-ud7nt]

thank you so much

[@أحمدالنجار-و3ي]

thank you ,

[@savitahudalimath2217]

@Sir i am not able to see bootstrap styles in my application, i don't know what went wrong, i just followed the steps as you mentioned in this video please help me on this i am new to web application development.

[@procademy]

That might be because the bootstrap you have installed is the latest version. Please check the version of bootstrap installed in package.json file and use bootstrap css classes of that version.

[@hassanaoude]

Good

[@mohanj2849]

bro could u plz tell me .. that what is the deference between angular js and angular ?

[@procademy]

Watch first lecture of this series. There i have already covered it

[@Leen-Odeh287]

nice

[@norah8201]

I did the same steps but doesn’t work on my project 😞

[@mohiburrahman5639]

{{Perfect}}

[@parthapratimsharma5040]

when i use bootstrap thats time my *{margin:0,padding:0};in style.css not work

[@maheshshirsat9075]

why i am not having that bootstrap folder in node modules ? at 1:18

[@robbyerob]

Same, I do not see bootstrap anymore, maybe it is an upgrade with the newer versions of Angular?

[@maheshshirsat9075]

​@@robbyerobwe have to install bootstrap.. with some npm install bootstrap cmg in cli

[@robbyerob]

@@maheshshirsat9075 note, that this was completed and why this comment was made. I followed all of the instructions, NPM alerted me that 2 packages were installed. This happened with JQuery also. So somewhere there is an installation of Bootstrap and JQuery based on my command line of npm install bootstrap and npm install jquery. They are installed, because if I do another install command, they alert that they are already installed. They are not in node_modules.

[@heybiplabb]

Done✅

[@Stan-j5i]

This is bad way to use bootstrap into project, must be core scss files, not compiled css

[@heybiplabb]

sir it's not working in Angular v14

[@procademy]

Installing bootstrap is not angular specific, so it should install bootstrap. After installing, you need to add the path of bootstrap CSS file in angular.json But if the bootstrap class which you are using is not working, then check the bootstrap documentation and there you need to find whether that bootstrap class is available in that version which you have installed. Because, bootstrap sometimes changes the class names.

[@procademy]

Or you can let me know the bootstrap version which you have installed and the bootstrap class which you are trying to use. I will check it and let you know.

[@heybiplabb]

@@procademy sorry sir, I forget to restart tha angular server. Now it's working fine☺️

[@_saii]

@@heybiplabb i cannot terminate the live development server

[@_saii]

In my system i can't terminate my live development server by ctrl c Pls help me

[@SHEFAT-xq3ge]

fake

[@shahidaibrahim2917]

why.. can you explain plz..

[@PramodKumar-kl9dw]

"node_modules/bootstrap/dist/css/bootstrap.min.css",