/Javascript/Bootstrap/Comment intégrer font awesome et bootstrap dans angular 13

Comment intégrer font awesome et bootstrap dans angular 13

1- npm install font-awesome --save
2- npm install --save bootstrap
3- In the angular-cli.json file locate the styles[] array and add font-awesome references directory here, like below:
4- nb:ceci est un exemple pour tester fontawesome <i class="fa fa-american-sign-language-interpreting fa-5x" aria-hidden="true"> </i>
5- on peut aussi pour les "scripts bootstrap" introduire le chamin de script dans "script"

"apps": [
    {
      "root": "src",
      "outDir": "dist",
      ....
      "styles": [
          "styles.css",
          "./node_modules/bootstrap/dist/css/bootstrap.css",
          "./node_modules/font-awesome/css/font-awesome.css" // -here webpack will automatically build a link css element out of this!?
      ],
      ...
	  "scripts":[
      	"chemin/vers/bootstrap/dist/js/bootstrap.min.js"
      ]
  }
  ]
],

Source: stackoverflow.com

Similar codes

1 vote452 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap
0 vote407 views1 answer
React bootstrap navbar align right buttons
Javascript Bootstrap
0 vote435 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
0 vote401 views1 answer
Bootstrap jquery popper and js cdn
Javascript Bootstrap
6 votes427 views4 answers
Angular bootstrap not working
Javascript Bootstrap
0 vote437 views1 answer
Notification bell icon bootstrap react
Javascript Bootstrap
3 votes436 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
-1 vote426 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
2 votes401 views2 answers
Bootstrap modal show on page load without jquery
Javascript Bootstrap
0 vote382 views1 answer
On click a button triger a tab bootstrap 5
Javascript Bootstrap