Intégration de Bootstrap sur un Site Web

Différentes façons de charger Bootstrap
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Bootstrap - Le Framework Front-End
Revoir le teaser Je m'abonne
2,5
Transcription

Cette leçon fait partie de la formation
49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
2,5
Cette leçon fait partie de la formation
49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont d'enseigner comment télécharger et charger Bootstrap dans un projet web, ainsi que d'expliquer l'importance de l'ordre de chargement des fichiers pour éviter toute dysfonctionnalité.

Cette leçon vous guide à travers le processus d'intégration de Bootstrap dans un site web en téléchargeant et en chargeant les fichiers nécessaires.

Dans cette leçon, nous allons voir comment intégrer Bootstrap dans votre projet web. Nous commencerons par télécharger les fichiers Bootstrap et les ajouter dans notre dossier projet. Vous apprendrez ensuite à lier les fichiers CSS et JavaScript de Bootstrap dans votre fichier HTML. Il est crucial de respecter l'ordre de chargement des fichiers CSS et JavaScript pour assurer le bon fonctionnement de Bootstrap. En plus, vous verrez comment inclure jQuery pour permettre le bon fonctionnement des composants JavaScript de Bootstrap. Enfin, nous aborderons une méthode alternative pour charger Bootstrap via un CDN, en soulignant l'importance de travailler en local avec un serveur comme MAMP, WAMP ou LAMP pour cette méthode. Cette leçon vous prépare à utiliser Bootstrap efficacement pour styliser et rendre votre site interactif.

Voir plus
Questions réponses
Pourquoi est-il important de respecter l'ordre de chargement des fichiers Bootstrap et jQuery?
Il est important de respecter l'ordre de chargement pour que les fonctionnalités JavaScript de Bootstrap fonctionnent correctement. jQuery doit être chargé avant bootstrap.min.js pour éviter les erreurs.
Quelle est la différence entre charger les fichiers Bootstrap en local et via un CDN?
Charger les fichiers en local signifie que les fichiers sont présents sur votre propre serveur, permettant un accès sans dépendre d'une connexion internet. Utiliser un CDN peut accélérer le temps de chargement pour les utilisateurs, car les fichiers sont probablement déjà mis en cache dans leur navigateur.
Quels sont les avantages d'utiliser des fichiers minifiés pour Bootstrap et jQuery?
Les fichiers minifiés sont optimisés pour être plus légers et plus rapides à charger, ils contiennent moins d'espaces et de commentaires inutiles pour maximiser les performances sur le web.
2 commentaires
2,5
2 votes
5
4
3
2
1
ideal.micro40
Il y a 1 semaine
video sur Bootstrap 3 alors qu'on est sur la version 5.3.6.
on parle de jquery alors que dans la version il n'y est plus
on nous parle de phpstorm comme editeur qui est payant voir lez bloc note (au secours !!!)
il y a vscode qui maintenant est utiliser par quasi tous les développeurs et qui est gratuit.

sur la video : Maîtriser les Grilles et Colonnes dans Bootstrap
1 - le cours annonce la modification pour passer sur 4 colonne puis de changer les titres,
a ce moment la on reviens en arrière à la modification pour passer en 4 colonnes... et ça recommence
grosse erreur de montage.

2 - ensuite push et pull ont été supprimé pour utiliser le système flexbox sur la version 5
avec les classes order pour gérer l'ordre des colonnes.

3 - l'explication sur le offset n'est absolument pas claire :
on a une première explication, puis une deuxième qui est la même mais avec le résultat directe avec offset.

bref je vais être franc j'ai trouver une formation sur udemy sur bootstrap 5 bien plus intéressante, je ne trouve pas normal d'avoir une formation sur bootstrap 3 qui nous induit en erreur.
ayant passer ce premier chapitre j’arrête car je ne vois aucun intérêt à continuer.
Stephd
Il y a 4 ans
tres bonne formation c est une bonne decouverte generale.