Comment puis-je ajouter et utiliser bootstrap to an ionic 4 app

Question

Je construis une application ionic 4 et je veux utiliser bootstrap sans utiliser la méthode CDN. J'ai installé bootstrap avec npm install bootstrap.

Answer 1

Avec Ionic 4, cela peut être fait facilement en utilisant le fichier angular.json

ouvrez le fichier angular.json , celui-ci peut être localisé à la racine de votre projet

localisez le tableau des styles, ajoutez le chemin d'accès au fichier téléchargé bootstrap

"styles": [
          {
            "input": "src/theme/variables.scss"
          },
          {
            "input": "src/global.scss"
          },
          {
            "input": "node_modules/bootstrap/dist/css/bootstrap.min.css"
          }
        ],

si vous souhaitez utiliser les scripts bootstrap, ajoutez également le script bootstrap) au tableau de scripts.

Veuillez noter: pour que vous puissiez utiliser bootstrap, jquery et popper.js doivent également être ajoutés à vos projets)

Answer 2

1. créer un nouveau dossier public/css à l'intérieur ionic.
2. à l'intérieur de la copie publique/css de bootstrap.min.css.
3. ajoutez le chemin de la chaîne "public/css/bootstrap.min.css" dans angular.json.

* assurez-vous de reconstruire votre application.> ionic serve