bootstrap is not working in angular 10 code example

Example 1: angular bootstrap not working

@import "node_modules/bootstrap/scss/bootstrap.scss"

Example 2: bootstrap not working in angular

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

Example 3: bootstrap not working in angular

npm install bootstrap jquery --save

Example 4: bootstrap not working in angular

npm install popper.js