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

Question

El dernier document a :

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

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

Answer 1

Bootstrap dispose d'un large éventail de classes utilitaires de marge et de padding réactives. Elles 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 :

{property}{sides}-{size} pour xs & {propriété}{côtés}-{point de rupture}-{taille} pour sm, md, lg, et xl.

m - définit la marge

p - définit le rembourrage

---

t - définit les paramètres margin-top ou padding-top

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

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

r - définit la marge à droite ou le rembourrage à droite

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

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

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

---

0 - sets marge o rembourrage à 0

1 - sets marge o rembourrage à .25rem (4px si la taille de la police est de 16px)

2 - sets marge o rembourrage à .5rem (8px si la taille de la police est de 16px)

3 - sets marge o rembourrage à 1rem (16px si la taille de la police est de 16px)

4 - sets marge o rembourrage à 1,5rem (24px si la taille de la police est de 16px)

5 - sets marge o rembourrage à 3rem (48px si la taille de la police est de 16px)

auto - définit la marge sur auto

Plus d'informations sur Bootstrap 4.5 - Espacement

Lire la suite dans w3schools

Answer 2

Bootstrap 4

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

En rapport : Comment utiliser les classes utilitaires d'espacement dans Bootstrap 4 ?

Answer 3

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

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

La taille est l'une des marges :

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

Answer 4

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 la marge à droite ou le remplissage à droite

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

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

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

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

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

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

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

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

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

auto - définit la marge sur auto

Answer 5

Bootstrap dispose de classes prédéfinies que nous utilisons pour le style. Si vous êtes familier avec les CSS, vous savez ce que sont le padding, la marge et l'espacement, etc.

mb-0 = margin-bottom:0 ;

OK, maintenant, en allant un peu plus loin dans la connaissance, bootstrap a plus de classes pour la marge, y compris :

mt- = margin-top
mb- = margin-bottom
ml- = margin-left
mr- = margin-right
my- = it sets margin-left and margin-right at the same time on y axes
mX- = it sets margin-bottom and margin-top at the same time on X axes

Ceci et bien d'autres choses encore sont expliquées ici https://getbootstrap.com/docs/5.0/utilities/spacing/ La meilleure façon d'apprendre est de https://getbootstrap.com le site lui-même. Il explique beaucoup de choses sur ses classes intégrées.