how to install bootstrap in angular 11

1# From project directory:
2npm install --save bootstrap
3npm install --save jquery
4
5# Now edit `angular.json`
6# Position: `projects -> architect -> build -> options`
7# To `styles`, add "node_modules/bootstrap/dist/css/bootstrap.css"
8# To `scripts`,
9#   add "node_modules/jquery/dist/jquery.js"
10#   and also "node_modules/bootstrap/dist/js/bootstrap.js"
11# Test with
12# <<div class="alert alert-primary" role="alert"> Bootstrap alert</div>

1npm install bootstrap --save

1$ npm install jquery
2

1npm install popper.js --save

1@import "~bootstrap/dist/css/bootstrap.css";

1npm install jquery --save