Recherche…


Introduction

Utilisez .container pour un conteneur de largeur fixe sensible.

Utilisez .container-fluid pour un conteneur pleine largeur couvrant toute la largeur de la fenêtre.

Conteneurs

.container a une largeur fixe pour chaque taille d'écran dans bootstrap (xs, sm, md, lg);

.container-fluid se dilate pour remplir la largeur disponible.

@media (min-width: 568px) {
  .container {
    width: 550px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

Selon la largeur de la fenêtre d'affichage de la page Web, la classe de conteneur lui attribue une largeur fixe spécifique.

Votre élément .container-fluid, quant à lui, sera redimensionné en permanence au fur et à mesure que vous apporterez les plus petites modifications à la largeur de votre navigateur.



Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow