Essayez-le vous-même Exemples
Ce tutoriel Bootstrap 4 contient des centaines d’exemples Bootstrap 4.
Avec notre éditeur en ligne, vous pouvez éditer le code, et cliquer sur un bouton pour visualiser le résultat.
Bootstrap 4 Exemple
Ma première page Bootstrap
Redimensionnez cette page responsive pour voir l’effet !
Colonne 1
Lorem ipsum dolor..
Colonne 2
Lorem ipsum dolor..
Colonne 3
Lorem ipsum dolor..
Essayez-le vous-même »
Cliquez sur le bouton « Essayez-le vous-même » pour voir comment cela fonctionne.
Bootstrap 5 contre Bootstrap 3 et 4
Ce tutoriel suit Amorçage 4qui a été publié en 2018, en tant que mise à niveau vers Bootstrap 3, avec de nouveaux composants, une feuille de style plus rapide, plus de réactivité, etc.
Bootstrap 5 (publié en 2021) est la dernière version de Bootstrap ; Il prend en charge les dernières versions stables de tous les principaux navigateurs et plates-formes. Cependant, Internet Explorer 11 et versions antérieures ne sont pas pris en charge.
Les principales différences entre Bootstrap 5 et Bootstrap 3 & 4, c’est que Bootstrap 5 est passé à JavaScript au lieu de jQuery.
Note: Bootstrap 3 et Bootstrap 4 sont toujours pris en charge par l’équipe pour les corrections de bogues critiques et les modifications de la documentation, et il est parfaitement sûr de continuer à les utiliser. Cependant, de nouvelles fonctionnalités ne leur seront PAS ajoutées.
Modèle de base Bootstrap 4
Nous avons créé un modèle de démarrage réactif avec Bootstrap 4. Vous êtes libre de le modifier, de l’enregistrer, de le partager et de l’utiliser dans vos projets :
Mon apprentissage
Suivez vos progrès avec le programme gratuit « My Learning » ici à W3Schools.
Connectez-vous à votre compte et commencez à gagner des points !
Il s’agit d’une fonctionnalité facultative. Vous pouvez étudier W3Schools sans utiliser My Learning.
Références d’amorçage
Une liste complète de toutes les classes CSS Bootstrap 4 avec description et exemples :
Si vous souhaitez en faire plus avec les composants Bootstrap, consultez notre référence complète Bootstrap 4 JavaScript/jQuery – le tout avec des exemples « Essayez-le vous-même »:
Bootstrap 4 exercices
Test de quiz Bootstrap 4
Testez vos compétences Bootstrap 4 à W3Schools !
Commencez le quiz Bootstrap 4 !
Saviez-vous?
W3.CSS est une excellente alternative à Bootstrap.
W3.CSS est plus petit, plus rapide et plus facile à utiliser.
Si vous souhaitez apprendre W3.CSS, consultez notre didacticiel W3.CSS.
