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.

Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
La largeur des boîtes
Suivant
La largeur fixe des conteneurs