How To Install ng-bootstrap In Angular
In this article, We will learn how to install ng-bootstrap in Angular. Currently, Bootstrap is the most well-liked open-source front-end toolkit in the world for quickly designing and customizing responsive mobile-first websites. It features Sass variables and mixins, a responsive grid system, a sizable library of pre-built components, and strong JavaScript plugins.
So let's start,
Create a new Angular application using the following command:
ng new ng-bootstrap-examples
Now, Using the following command install the ng-bootstrap library to an Angular project using the Angular CLI.
ng add @ng-bootstrap/ng-bootstrap
For the default application supplied in the angular.json file, ng-bootstrap will be installed.
The --project option can be used to install a particular application.
ng add @ng-bootstrap/ng-bootstrap --project myProject
The ng-bootstrap library can be found in package.json, and angular.json will have the CSS reference added and be ready for usage in the application.
Conclusion
In this article, We learned how to install ng-bootstrap in Angular with demonstrate the application.
I hope this article helps you and you will like it.👍
If you have any doubt or confusion then free to ask in the comment section.