Mise en place d'une grille : flex

Création de votre grille

Comment fonctionne la grille dans Bootstrap ?

Que signifie : col-xs-12 col-sm-6 col-md-2 col-lg-8 ( doc )

Examinons d'abord le comportement des classes en redimensionnant votre fenêtre.

⇜fichier

Les classes possibles

col-xs-12 col-sm-6 col-md-2 col-lg-8

col-xs-6 col-sm-6 col-md-10 col-lg-4

La classe appliquée

En action

⇌fichier

Utilisation du Background

Pensez à utiliser également la propriété background

.fond {
    /* image */
    background-image: url("https://www.ibisc.univ-evry.fr/~dupont/3.jpg");

    /* taille */
    height: 100%;

    /* position et centre */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}