Angular 17 Tutorial #6 - Install Bootstrap | Angular 17 Tutorial For Beginners

[@valhallaLord]

great video, this time it finally worked. other videos weren't as quite as helpfull as yours!

[@ARCTutorials]

Glad to hear the code is working! Im always here to help you debug if something goes wrong. Happy learning

[@chaitrabharadwaj2719]

Hi, Your series ll be always awesome,just a request while explaining please make a notes as you did for Angular 10 series and give us link,this really helps while revising for interviews. As always great content thanks😊

[@ARCTutorials]

Noted. Thanks for your feedback. Will Do

[@user-wt7si5sf1m]

great

[@ARCTutorials]

Glad you are enjoying the tutorials and series 👍

[@Mahesh-op3nw]

Tried with both the ways but unable to catch the bootstrap file in output. No error, Simply shows output without bootstrap applied.

[@ARCTutorials]

Thats odd! Can u pls share screenshots at [e-mail]

[@lowkey_X]

Thanks bro!!!

[@ARCTutorials]

Thank you and glad you liked the tutorial

[@enriquedb666]

thank you!!

[@ARCTutorials]

You're welcome!

[@KingdomLife7]

Thank you

[@ARCTutorials]

You're welcome

[@aryantyagi9849]

You can mark the path " node_modules/bootstrap-icons/font/bootstrap-icons.scss" as external to exclude it from the bundle, which will remove this error and leave the unresolved path in the bundle. {i tried this step to resolve this error but on the ui it will not showing the bootstrap modifications.

[@CODFiii]

Why do we have to manually add all the escripts and stuffs ? isnt there any other automatic way to do this ?

[@ARCTutorials]

With bootstrap we have to add it manually. Material design gets added automatically

[@aryantyagi9849]

Hello sir if i write the code under the angular.json "styles" :[ nodes_modules/bootstrap-icons/font/bootstrap-icons.scss] So it throws error says([ERROR] Could not resolve " node_modules/bootstrap-icons/font/bootstrap-icons.scss"

[@sakshikulshreshtha2797]

we can't use CDN directly?? do we have to install it mandatorily?

[@sakshikulshreshtha2797]

also removing the angular link is necessary cant we have both?? and will it still be considered as an angular project because my teacher has asked me to an angular project with angular material but only for some functionality i want to use bootstrap

[@sakshibotwe227]

Hello sir...when part 7 and all are release?

[@ARCTutorials]

Released today. Pls check. More coming tomorrow morning 👍

[@harinirengaraj6093]

Bootstrap is not applied in the output

[@ARCTutorials]

Did u restart the angular app? Kill terminal And run ng serve again

[@Nazimtyagi-i4x]

Open src/style.css Add the following line of code @import "../node_modules/bootstrap/dist/css/bootstrap.min.css";

[@prem4748]

😋😋😋

[@ARCTutorials]

Thank you for liking the tutorials 🙏

[@NamoosAhmed]

bootstrap is not working in my angular project

[@ARCTutorials]

Whats the issue? Error? Or bootstrap not applying

[@ARCTutorials]

Did u save file? If yes, then kill session and restart ng serve again and it should Work

[@NamoosAhmed]

@@ARCTutorials Bootstarp Add properly but i cant use the classes they are not Working

[@BasheerJarrah-l9p]

Thank you

[@ARCTutorials]

You're welcome. Glad you are enjoying the series