Introduction à Bootstrap 4

Qu’est-ce-que c’est que BootStrap

  • Bootstrap est un framework front-end gratuit pour le responsive design pour un développement Web plus rapide et plus facile
  • Bootstrap comprend des modèles de conception basés sur HTML et CSS pour la typographie, les formulaires, les boutons, les tableaux, la navigation, les modaux, les carrousels d’images et bien d’autres, ainsi que des plugins JavaScript facultatifs

Qu’est-ce que le Responsive Web Design?

La conception Web réactive consiste à créer des sites Web qui s’ajustent automatiquement pour avoir une belle apparence sur tous les appareils, des petits téléphones aux grands ordinateurs de bureau.

Voici un exemple de code de BootStrap

<div class="container">
<div class="text-center">
  <h1>My First Bootstrap Page</h1>
  <p>Resize this responsive page to see the effect!</p>
</div>

  <div class="row">
    <div class="col-sm-4">
      <h3>Colonne 1</h3>
      <p>Mon contenu 1</p>
    </div>
    <div class="col-sm-4">
      <h3>Colonne 2</h3>
      <p>Mon contenu 2</p>
    </div>
    <div class="col-sm-4">
      <h3>Colonne 3</h3>
      <p>Mon contenu 3..</p>
    </div>
  </div>
</div>