twitter-bootstrap
Conteneurs Bootstrap
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