La largeur fluide des conteneurs MISE EN PAGE:Largeur fluide

Si vous utilisez des conteneurs fluides avec la classe .container-fluid, ceux-ci ne sont pas impactés par les requêtes de média et leur largeur sera toujours égale à 100% de la largeur disponible à l’écran.

Voici la règle CSS qui définit ces conteneurs fluides :

.container-fluid { 
 width: 100%; 
 padding-right: 15px; 
 padding-left: 15px; 
 margin-right: auto; 
 margin-left: auto; 
} 

Vous retrouvez les mêmes propriétés et valeurs que pour les conteneurs fixes.

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 fixe des conteneurs
Suivant
La grille de mise en page