Bootstrap 4

(dernière mise à jour le 05 janvier 2020)

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.

Pied de Page

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 :