/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

0 vote265 views1 answer
Vendor bundle base js and bootstrap min js conflict
Javascript Bootstrap
42 votes186 views5 answers
Npm bootstrap
CSS Bootstrap
145 votes233 views6 answers
Add bootstrap to react
CSS Bootstrap
0 vote144 views1 answer
Mdbootstrap react
Javascript Bootstrap
45 votes240 views6 answers
Adding bootstrap to angular
Javascript Bootstrap
0 vote168 views2 answers
Make all images same size bootstrap
CSS Bootstrap
2 votes154 views2 answers
Bootstrap modal show on page load without jquery
Javascript Bootstrap
0 vote165 views2 answers
./node_modules/bootstrap/dist/js/bootstrap.bundle.js
Javascript Bootstrap
0 vote157 views1 answer
Can we put check form inside a selection tag in bootstrap 4
Javascript Bootstrap
1 vote150 views1 answer
Bootstrap carousel click event next previous
Javascript Bootstrap