how to use bootstrap in angular 11 js code example

Example 1: how to add bootstrap in angular

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

 "styles": [
              "./node_modules/bootstrap/dist/css/bootstrap.css",
              "src/styles.css"              
            ],

Example 2: 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 array

Example 3: how to install bootstrap in angular 11

....      "styles": [        "node_modules/bootstrap/dist/css/bootstrap.min.css",        "src/styles.css"      ],      "scripts": [          "node_modules/jquery/dist/jquery.min.js",          "node_modules/bootstrap/dist/js/bootstrap.min.js"      ].....