To Add bootstrap to Angular 17
Steps:
1. install Boostrap using npm
– cd <project-directory>
– npm install bootstrap@popperjs/core
2. In your angular.json file, under the styles section of your projectd configuration, add the path to the bootstrap css file:
JavaScript
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css" // Your custom stylesheet (optional)
],And also the js script file
JavaScript
"scripts": [
"node_modules/bootstrap/dist/js/bootstrap.js"
]Or you can run :
– ng add @ng-bootstrap/ng-bootstrap
This will install Bootstrap and configure it for use with Angular.
Happy Coding …
This post has 1 like.