Bootstrap propose une large gamme de classes d’utilitaires de marge et de remplissage réactifs. Ils fonctionnent pour tous les points d'arrêt:
xs (<= 576px), sm (> = 576px), md (> = 768px), lg (> = 992px) ou xl (> = 1200px))
Les classes sont utilisées dans le format:
{propriété} {côtés} - {taille} pour xs & {propriété} {côtés} - {point d'arrêt} - {taille} pour sm, md, lg et xl.
m - définit la marge
p - définit le remplissage
t - définit une marge supérieure ou une marge supérieure
b - définit une marge inférieure ou une marge inférieure
l - définit marge-gauche ou padding-gauche
r - définit marge-droite ou padding-droite
x - définit les options padding-left et padding-right ou margin-left et margin-right
y - définit les options padding-top et padding-bottom ou margin-top et margin-bottom
blank - définit une marge ou un remplissage sur les 4 côtés de l'élément
0 - définit la marge ou Rembourrage à 0
1 - définit la marge ou padding à .25rem (4px si la taille de la police est 16px)
2 - définit la marge ou padding à .5rem (8px si la taille de la police est 16px)
3 - définit la marge ou padding à 1rem (16px si la taille de la police est 16px)
4 - définit la marge ou padding à 1.5rem (24px si la taille de la police est 16px)
5 - définit la marge ou padding à 3rem (48px si la taille de la police est 16px)
auto - définit la marge sur auto
Il est utilisé pour créer une marge inférieure de 0 (margin-bottom:0
). Vous pouvez voir plus de nouvelles classes utilitaires d'espacement ici: https://getbootstrap.com/docs/4.0/utilities/spacing/
Connexes: Comment utiliser les classes d'utilitaire d'espacement sur Bootstrap 4