not working boosttrap angular 11 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"
  ],