Les conteneurs MISE EN PAGE:Conteneurs

Dès lors que vous souhaitez créer une mise en page avec Bootstrap, vous devez placer cette mise en page dans un conteneur. Les conteneurs sont les briques de base de Bootstrap. Les conteneurs sont des boîtes <div> qui utilisent deux classes Bootstrap.

Si vous souhaitez avoir une mise en page à largeur fixe, mais qui s’adaptera aux largeurs des médias, vous utiliserez la classe container. La largeur maximale (propriété CSS max-width) sera déterminée par la requête de média de Bootstrap.

<div class="container"> 
  Contenu de la mise en page 
</div> 

Vous pouvez télécharger le dossier de cet exemple, nommé 03-grille-01.

Si vous désirez avoir une mise en page fluide, vous utiliserez la classe container-fluid. La largeur de la mise en page sera alors de 100 % de la largeur de l’écran, quel que soit le support, ordinateur, tablette ou smartphone.

<div class="container-fluid"> 
  Contenu de la mise en page 
</div> 

Vous pouvez télécharger le dossier de cet exemple nommé 03-grille-02.

couv_OW5BOO.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
La largeur des boîtes
Suivant
La largeur fixe des conteneurs