Formation Prestashop intégrateur: Bootstrap 4 / Spacing

Vous êtes ici : Accueil / Prestashop intégrateur / Bootstrap 4 / Spacing


Spacing

Bootstrap 4 propose des classes utilitaires pour contrôler les marges intérieures et extérieures d'un composant.

Ces classes s'écrivent sous la forme : propriété-orientation-taille

Les valeurs possibles pour le paramètre propriété :

  • m Pour les marges extérieures ( margin )
  • p Pour les marges intérieures ( padding )

Les valeurs possibles pour le paramètre orientation :

  • t pour top
  • b pour bottom
  • l pour left
  • r pour right
  • x pour left et right
  • y pour top et bottom
  • a pour l’ensemble des cotés.

La taille est comprise entre 1 et 3 fois la taille de la variable $spacer. Par défaut 1rem. Exemple :

  • Pour augmenter la marge inférieure de 1rem : m-b-1.
  • Pour centrer un élément : m-x-auto.