adding bootstrap to angular
npm install bootstrap
npm install jquery
Add this to angular.json
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.css",
"src/styles.css"
],
"scripts": [
"node_modules/bootstrap/dist/js/bootstrap.js",
"node_modules/jquery/dist/jquery.js"
]install angular bootstrap
# From project directory:
npm install --save bootstrap
npm install --save jquery
# Now edit `angular.json`
# Position: `projects -> architect -> build -> options`
# To `styles`, add "node_modules/bootstrap/dist/css/bootstrap.css"
# To `scripts`,
# add "node_modules/jquery/dist/jquery.js"
# and also "node_modules/bootstrap/dist/js/bootstrap.js"
# Test with
# <<div class="alert alert-primary" role="alert"> Bootstrap alert</div>install bootstrap angular 9
From angular cli:
npm install --save bootstrap
npm install --save jquery
Then add the following paths to angular.json:
"node_modules/bootstrap/dist/css/bootstrap.css" in the projects -> architect -> build -> styles array
"node_modules/jquery/dist/jquery.js" in the projects -> architect -> build -> scripts array
"node_modules/bootstrap/dist/js/bootstrap.js" in the projects -> architect -> build -> scripts arrayhow to add bootstrap in angular
@import "~bootstrap/dist/css/bootstrap.css"
"styles": [
"./node_modules/bootstrap/dist/css/bootstrap.css",
"src/styles.css"
],how to install bootstrap in angular
npm install bootstraphow to install bootstrap in angular
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.scss"
]Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
