Qu'est-ce que class = «mb-0» dans Bootstrap 4?

La dernière documentation a:

<p class="mb-0">Lorem ipsum</p>

Q: Qu'est-ce que mb-0?

Bootstrap propose une large gamme de classes d'utilité de marge et de remplissage réactives. 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 au format:

{propriété} {côtés} - {taille} pour xs et {propriété} {côtés} - {point d'arrêt} - {size} pour sm, md, lg et xl.

m - définit la marge

p - définit le rembourrage

t - définit margin-top ou padding-top

b - définit margin-bottom ou padding-bottom

l - définit la marge gauche ou le remplissage gauche

r - définit margin-right ou padding-right

x - définit à la fois padding-left et padding-right ou margin-left et margin-right

y - définit à la fois padding-top et padding-bottom ou margin-top et margin-bottom

vide - définit une marge ou un remplissage sur les 4 côtés de l'élément

0 - définit la marge ou le remplissage à 0

1 - définit la marge ou le remplissage à .25rem (4px si la taille de la police est 16px)

2 - définit la marge ou le remplissage à .5rem (8px si la taille de la police est 16px)

3 - définit la marge ou le remplissage à 1rem (16px si la taille de la police est 16px)

4 - définit la marge ou le remplissage à 1,5rem (24px si la taille de la police est 16px)

5 - définit la marge ou le remplissage à 3rem (48px si la taille de la police est 16px)

auto - définit la marge sur auto

En savoir plus sur Bootstrap 4.5 - Espacement

En savoir plus dans w3schools

Il est utilisé pour créer une marge inférieure de 0 ( margin-bottom:0). Vous pouvez voir plus de nouvelles classes d'utilitaires d'espacement ici: https://getbootstrap.com/docs/4.0/utilities/spacing/

Connexes: Comment utiliser les classes d'utilitaires d'espacement sur Bootstrap 4

m - pour les classes qui définissent la marge, comme ceci:

• mt - pour les classes qui définissent margin-top
• mb - pour les classes qui définissent margin-bottom
• ml - pour les classes qui définissent margin-left
• mr - pour les classes qui définissent margin-right
• mx- pour les classes qui définissent à la fois margin-leftetmargin-right
• my- pour les classes qui définissent à la fois margin-topetmargin-bottom

Où la taille est l'une des marges:

• 0 - pour les classes qui éliminent la marge en la mettant à 0, comme mt-0
• 1 - (par défaut) pour les classes qui définissent la marge sur $ spacer * .25, comme mt-1
• 2 - (par défaut) pour les classes qui définissent la marge sur $ spacer * .5, comme mt-2
• 3 - (par défaut) pour les classes qui définissent la marge sur $ spacer, comme mt-3
• 4 - (par défaut) pour les classes qui définissent la marge sur $ spacer * 1.5, comme mt-4
• 5 - (par défaut) pour les classes qui définissent la marge sur $ spacer * 3, comme mt-5
• auto - pour les classes qui définissent la marge sur auto, comme mx-auto

m - définit la marge

p - définit le rembourrage

t - définit margin-top ou padding-top

b - définit margin-bottom ou padding-bottom

l - définit la marge gauche ou le remplissage gauche

r - définit margin-right ou padding-right

x - définit à la fois padding-left et padding-right ou margin-left et margin-right

y - définit à la fois padding-top et padding-bottom ou margin-top et margin-bottom

vide - définit une marge ou un remplissage sur les 4 côtés de l'élément

0 - définit la marge ou le remplissage à 0

1 - définit la marge ou le remplissage à .25rem (4px si la taille de la police est 16px)

2 - définit la marge ou le remplissage à .5rem (8px si la taille de la police est 16px)

3 - définit la marge ou le remplissage à 1rem (16px si la taille de la police est 16px)

4 - définit la marge ou le remplissage à 1,5rem (24px si la taille de la police est 16px)

5 - définit la marge ou le remplissage à 3rem (48px si la taille de la police est 16px)

auto - définit la marge sur auto