Bootstrap4 Tutoriel

Bootstrap est la bibliothèque de composants front-end la plus populaire au monde, utilisée pour développer des projets WEB responsives et mobile-first.

Bootstrap4 est une boîte à outils open-source pour développer avec HTML, CSS et JS. Avec nos variables Sass et de nombreux mixins, le système de grille responsive, des composants préconstruits extensibles et le puissant système de plugins basé sur jQuery, vous pouvez rapidement prototyper vos idées ou créer une application complète.

À qui s'adresse ce tutoriel ?

Tant que vous avez des connaissances de base en HTML et CSS, vous pouvez lire ce tutoriel et développer votre propre site web. Après avoir terminé ce tutoriel, vous atteindrez un niveau intermédiaire dans le développement de projets web avec Bootstrap.

Connaissances nécessaires avant de lire ce tutoriel :

Avant de commencer à lire ce tutoriel, vous devez avoir des connaissances de base en HTML, CSS et JavaScript. Si vous n'êtes pas familier avec ces concepts, nous vous recommandons de lire d'abord nos tutoriels :

Exemples Bootstrap4

<div class="jumbotron text-center"> <h1>Ma première page Bootstrap</h1> <p>Redimensionnez la fenêtre du navigateur pour voir l'effet !</p> </div> <div class="container"> <div class="row"> <div class="col-sm-4"> <h3>Première colonne</h3> <p>Exemple</p> <p>L'apprentissage ne concerne pas seulement la technologie, mais aussi les rêves !!!</p> </div> <div class="col-sm-4"> <h3>Deuxième colonne</h3> <p>Exemple..</p> <p>L'apprentissage ne concerne pas seulement la technologie, mais aussi les rêves !!!</p> </div> <div class="col-sm-4"> <h3>Troisième colonne</h3> <p>Exemple..</p> <p>L'apprentissage ne concerne pas seulement la technologie, mais aussi les rêves !!!</p> </div> </div> </div>

Essayez-le »

Bootstrap4 vs Bootstrap3

Bootstrap4 est la dernière version de Bootstrap. Comparé à Bootstrap3, il possède des classes plus spécifiques et transforme certaines parties liées en composants associés. En même temps, la taille de bootstrap.min.css a été réduite de plus de 40 %.

Bootstrap4 a abandonné la prise en charge d'IE8 et d'iOS 6, et ne prend désormais en charge que les navigateurs IE9 et versions ultérieures, ainsi qu'iOS 7 et versions ultérieures. Si vous devez prendre en charge des navigateurs plus anciens, veuillez utiliserBootstrap3。

Autres extensions