Regarder la Vidéo ou Suivez les étape
Installer bootstrap 4 angulaire 2 / angulaire 4 / angulaire 5 / 6 angulaire
Il y a trois façon d'inclure bootstrap dans votre projet
1) Ajouter CDN Lien dans index.html fichier
2) Installez le programme d'installation en utilisant mnp et de définir le chemin d'accès dans angulaire.json Recommandé
3) Installer bootstrap à l'aide de mnp et de définir le chemin d'accès dans index.html fichier
J'ai recommandé 2 méthodes suivantes qui sont installés à l'aide de bootstrap mnp parce que sa installé dans votre répertoire de projet et vous pouvez facilement y accéder
Méthode 1
Ajouter Bootstrap, Jquery et popper.js CA chemin pour vous angulaire du projet index.html fichier
Bootstrap.css
https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
Bootstrap.js
https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
Jquery.js
https://code.jquery.com/jquery-3.2.1.slim.min.js
Popper.js
https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js
Méthode 2
1) Installer bootstrap à l'aide de la ngp
npm install bootstrap --save
après l'installation de Bootstrap 4, nous avons Besoin de deux Plus javascript Package Jquery et Popper.js sans ces deux paquets de bootstrap n'est pas complète parce que le Bootstrap 4 est à l'aide de Jquery et popper.js package nous avons donc à installer ainsi
2) Installer JQUERY
npm install jquery --save
3) Installer Popper.js
npm install popper.js --save
Maintenant Bootstrap est Installer sur vous Projet de répertoire dans le Répertoire node_modules Dossier
ouvrir angulaire.json ce fichier sont disponibles sur vous angulaire du répertoire ouvrez ce fichier et ajoutez le chemin d'accès de bootstrap, jquery et popper.js les fichiers à l'intérieur de styles de[] et de scripts[] chemin voir l'exemple ci-dessous
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css"
],
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/popper.js/dist/umd/popper.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js"
],
Remarque: Ne pas modifier une séquence de fichier js il devrait ressembler à ceci
Méthode 3
Installer bootstrap à l'aide de mnp suivre la Méthode 2 méthode 3 nous venons de définir le chemin d'accès à l'intérieur de index.html fichier au lieu de l' angulaire.json fichier
bootstrap.css
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css">
Jquery.js
<script src="node_modules/jquery/dist/jquery.min.js"><br>
Bootstrap.js
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"><br>
Popper.js
<script src="node_modules/popper.js/dist/umd/popper.min.js"><br>
Maintenant Bootstrap fonctionne bien Maintenant