Blog d'un développeur passionné

Définition

Bootstrap est un framework, c’est-à-dire un ensemble de fonctionnalitées pré-fabriquées. En l’occurence des fonctionnalitées CSS et jQuery destinées à simplifier le développement d’un site.
Cela permet de bien structurer sa page de gagner du temps lors de la création de tableau ou de formulaires par exemple tout en offrant un aspect soigné.

Exemple

Voici quelques boutons que propose Bootstrap de base :

Bootstrap est très utilisé pour sa façon à s’adapter en fonction de la taille d’écran, comme par exemple avec un système de grille simple et efficace pour mettre en ordre l’aspect visuel d’une page web.
Voici un exemple :

Remarquez qu’en redimensionnant la fenêtre les grilles s’emboitent lorsqu’elles n’ont plus de place.

Et voici le code :

<div class="row">
    <div class="test col-lg-3" style="background-color: #31B0D5; color: white">Largeur 3</div>
    <div class="test col-lg-3" style="background-color: #31B0D5; color: white">Largeur 3</div>
    <div class="test col-lg-3" style="background-color: #31B0D5; color: white">Largeur 3</div>
    <div class="test col-lg-3" style="background-color: #31B0D5; color: white">Largeur 3</div>
</div>
<div class="row">
    <div class="test col-lg-4" style="background-color: red; color: white">Largeur 4</div>
    <div class="test col-lg-8" style="background-color: blue; color: white">Largeur 8</div>
</div>
<div class="row">
    <div class="test col-lg-12" style="background-color: green; color: white">12 colonnes</div>
</div>

Vous pouvez trouver un très bon tutoriel ici : Lien