Tutoriel Bootstrap 4

w3schools_logo_436_2.png


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.

Page d'amorçage réactive

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.

Facebook
Pinterest
Twitter
LinkedIn
Email