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

Réponses:

248

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

Akash Preet
la source
8
La classe mb-0 dans Bootstrap 4 équivaut à margin-bottom: 0px; Cela semble-t-il bon?
Akash Preet le
51

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

Zim
la source
4
Merci d'avoir fourni un lien vers les documents originaux. Je préfère de loin lire directement à partir de la source plutôt que de passer par un tiers, comme w3schools!
pbarranis
10

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
STA
la source
-1

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

Nakkeeran 8797
la source