angular new project with angular bootstrap code example
Example 1: 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>
Example 2: how to add bootstrap in angular
@import "~bootstrap/dist/css/bootstrap.css"
"styles": [
"./node_modules/bootstrap/dist/css/bootstrap.css",
"src/styles.css"
],