Qu'est ce que Bootstrap ?
Bootstrap 4 est la dernière version de Bootstrap, qui est le framework HTML, CSS et Javascript le plus populaire pour développer des sites Web responsive et axé sur les mobiles
Bootstrap 4 est entièrement gratuit à télécharger et à utiliser.
Commencer à apprendre Bootstrap maintenant
Bootstrap 3 vs Bootstrap 4
Bootstrap 4 est la dernière version de Bootstrap; avec de nouveaux composants, une feuille de stylle plus rapide et avec plus de réactivité
Bootstrap 4 prend en charge les dernières versions stables de tous les principaux navigateurs et plateformes. Cependant Internet Explorer 9 est version ultérieures ne sont pas pris en charge.
Si vous avez besoin de la prise en charge d'IE8-9, utilisez Bootstrap 3. C'est la version la plus stable de Bootstrap, et elle est toujours prise en charge par l'équipe pour les corrections de bogues critiques et les modifications de la documentation. Cependant, aucune nouvelle fonctionnalité n'y sera ajoutée.
Prise en charge des icônes supprimées: Bootstrap 4 ne prend pas en charge les glyphicons BS3. Utilisez plutôt Font-Awesome ou d'autres bibliothèques d'icônes.
Simple template 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 :
Ma Première Page Bootstrap 4
Redimensionnez la page pour voir l'effet !
A propos de Moi
Photo de moi:
Fausse Image
Un peu de texte sur moi in culpa qui officia deserunt mollit anim..
Quelques Liens
Lorem ipsum dolor sit ame.
TITRE ENTETE
Titre description, 5 Jan. 2020
Fausse Image
Un peu de texte..
Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
TITRE ENTETE
Titre description, 4 Jan. 2020
Fausse Image
Un peu de texte..
Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
Et voici son code :
Simple template Bootstrap 4
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Exemple Site Bootstrap 4</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<style>
.fakeimg {
height: 200px;
background: #aaa;
}
</style>
</head>
<body>
<div class="jumbotron text-center" style="margin-bottom:0">
<h1>Ma Première Page Bootstrap</h1>
<p>Redimensionner la page pour voir l'effet !</p>
</div>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
TODO a finir
</nav>
</body>
</html>
Références Bootstrap
Une liste complète de toutes les classes CSS Bootstrap 4 avec description et exemples:
Si vous voulez en faire plus avec les composants Bootstrap, consultez notre référence complète Bootstrap 4 JavaScript / jQuery - le tout avec des exemples :