Ce wikiHow vous apprend à télécharger les fichiers Bootstrap sur votre ordinateur et à les lier à vos textes HTML pour utiliser les éléments Bootstrap dans votre code. Une fois que vous avez téléchargé et lié les fichiers Bootstrap, vous pouvez commencer à utiliser toutes les feuilles de style et les éléments JavaScript de Bootstrap dans votre conception Web.
Pas
Étape 1. Ouvrez le site Web Bootstrap dans votre navigateur Internet
Tapez https://getbootstrap.com dans la barre d'adresse et appuyez sur ↵ Entrée ou ⏎ Retour sur votre clavier.
Étape 2. Cliquez sur le bouton Télécharger
Cela ouvrira la page "Télécharger".
Étape 3. Cliquez sur le bouton Télécharger sous "CSS et JS compilés
" Cela téléchargera les fichiers Bootstrap complets sur votre ordinateur en tant qu'archive ZIP.
Si vous y êtes invité, sélectionnez un emplacement d'enregistrement pour le Bootstrap ZIP
Étape 4. Extrayez les fichiers de l'archive ZIP
Recherchez le fichier ZIP que vous venez de télécharger et double-cliquez dessus pour extraire tous les fichiers qu'il contient dans le même dossier.
- Cela extraira deux dossiers nommés " css" et " js."
- Si votre application de décompression n'extrait pas automatiquement les fichiers, consultez cet article pour voir toutes les façons dont vous pouvez exporter une archive ZIP.
Étape 5. Déplacez les dossiers extraits dans le même dossier que les fichiers HTML de votre site Web
Ouvrez le dossier qui contient tous les fichiers HTML de votre site Web et faites glisser le " css" et " js" ici pour les déplacer dans le même dossier que les documents de votre site Web.
Vous pouvez maintenant lier les fichiers à vos fichiers HTML et commencer à utiliser Bootstrap dans votre code
Étape 6. Cliquez avec le bouton droit sur le fichier HTML que vous souhaitez utiliser avec Bootstrap
Vous pouvez utiliser Bootstrap dans un seul de vos fichiers HTML, ou dans tous.
Étape 7. Survolez Ouvrir avec dans le menu contextuel
Un sous-menu apparaîtra avec les applications compatibles.
Étape 8. Sélectionnez votre programme d'édition de texte
Cela ouvrira le fichier HTML sélectionné dans votre éditeur de texte.
Vous pouvez utiliser un simple éditeur de texte comme Bloc-notes ou TexteModifier ainsi qu'un éditeur de code dédié comme Atome (https://atom.io) ou Coda (https://panic.com/coda).
Étape 9. Ajoutez les liens Bootstrap à l'en-tête de votre fichier HTML
Avant d'utiliser le code Bootstrap dans votre code HTML, vous devrez taper ou coller les lignes ci-dessous dans l'en-tête de votre code:
Si vous souhaitez lier et utiliser certains des autres fichiers des dossiers css et js, ajoutez simplement de nouvelles lignes dans l'en-tête et remplacez les parties css/bootstrap.css et js/bootstrap.js par les noms des fichiers souhaités lier
Étape 10. Vérifiez l'emplacement de vos liens Bootstrap dans le code
Dans l'en-tête du HTML, les deux lignes doivent être situées entre les lignes et la ligne.
- Une fois que vous avez ajouté ces lignes à l'en-tête, vous pouvez commencer à utiliser les éléments Bootstrap dans ce fichier HTML.
- Vous pouvez trouver une liste complète de tous les éléments Bootstrap sur https://getbootstrap.com/docs/4.3/getting-started/introduction. Cliquez simplement sur n'importe quelle catégorie comme Disposition ou Composants dans le menu de gauche.
- Une fois que vous avez installé Bootstrap, vous pouvez insérer ou copier/coller n'importe quel morceau de code d'ici dans votre propre code.