Les espaces pour les colonnes COLONNES:Marges et remplissage

Les exemples de cette section sont à télécharger dans le dossier nommé 12-Utilitaires-07. Notez qu’un style a été ajouté, afin d’encadrer les boîtes utilisées, pour mieux visualiser l’application des classes.

<style> 
  .col-3 { 
    border: 1px solid #333; 
  } 
</style> 

1. La gestion des espaces COLONNES:Gérer les espaces

Bootstrap nous permet de gérer très précisément les valeurs des marges (margin) et des remplissages (padding) des colonnes. Nous avons déjà utilisé ces espaces supplémentaires dans différents exemples de ce livre.

2. La syntaxe utilisée COLONNES:Syntaxe des espaces

La syntaxe exploitée pour gérer ces espaces utilise un triplet de données : propriété-côté-valeur.

La première donnée indique quelle est la propriété à exploiter. Nous avons le choix entre les marges, notées m pour margin et les remplissages, notés p pour padding.

Ensuite, nous devons indiquer le côté de la colonne qui est utilisé. Voici les valeurs possibles :

  • t pour le côté haut des colonnes, t pour top. Nous aurons donc mt pour margin-top et pt pour padding-top.

  • b pour le côté bas des colonnes, b pour bottom. Nous aurons donc mb pour margin-bottom et pb pour...

couv_OW5BOO.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Ajouter des ombres portées
Suivant
La taille des colonnes