Che cos'è class = "mb-0" in Bootstrap 4?

L' ultima documentazione ha:

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

D: Cos'è mb-0?

Bootstrap ha una vasta gamma di margini di risposta e classi di utilità di riempimento. Funzionano per tutti i punti di interruzione:

xs (<= 576px), sm (> = 576px), md (> = 768px), lg (> = 992px) o xl (> = 1200px))

Le classi sono utilizzate nel formato:

{property} {side} - {size} per xs & {property} {side} - {breakpoint} - {size} per sm, md, lg e xl.

m - imposta il margine

p - imposta l'imbottitura

t - imposta margin-top o padding-top

b - imposta il margine inferiore o il margine inferiore

l - imposta margin-left o padding-left

r - imposta margine destro o riempimento destro

x - imposta sia il padding-left che il padding-right o margin-left e margin-right

y - imposta sia il padding-top che il padding-bottom o margin-top e margin-bottom

vuoto : imposta un margine o un'imbottitura su tutti e 4 i lati dell'elemento

0 : imposta il margine o il riempimento su 0

1 - imposta il margine o il riempimento su .25rem (4px se la dimensione del carattere è 16px)

2 - imposta il margine o il riempimento su .5rem (8px se la dimensione del carattere è 16px)

3 - imposta il margine o il riempimento su 1rem (16px se la dimensione del carattere è 16px)

4 - imposta il margine o il riempimento su 1,5rem (24px se la dimensione del carattere è 16px)

5 - imposta il margine o il riempimento su 3rem (48px se la dimensione del carattere è 16px)

auto - imposta il margine su auto

Vedi di più su Bootstrap 4.5 - Spaziatura

Maggiori informazioni su w3schools

Viene utilizzato per creare un margine inferiore di 0 ( margin-bottom:0). Puoi vedere altre nuove classi di utilità di spaziatura qui: https://getbootstrap.com/docs/4.0/utilities/spacing/

Correlati: Come utilizzare le classi dell'utilità di spaziatura su Bootstrap 4

m - per le classi che stabiliscono un margine, in questo modo:

• mt - per le classi impostate margin-top
• mb - per le classi impostate margin-bottom
• ml - per le classi impostate margin-left
• mr - per le classi impostate margin-right
• mx- per le classi che impostano sia margin-leftemargin-right
• my- per le classi che impostano sia margin-topemargin-bottom

Dove la dimensione è di margine:

• 0 - per le classi che eliminano il margine impostandolo su 0, ad esempio mt-0
• 1 - (per impostazione predefinita) per le classi che impostano il margine su $ spacer * .25, ad esempio mt-1
• 2 - (per impostazione predefinita) per le classi che impostano il margine su $ spacer * .5, ad esempio mt-2
• 3 - (per impostazione predefinita) per le classi che impostano il margine su $ spacer, ad esempio mt-3
• 4 - (per impostazione predefinita) per le classi che impostano il margine su $ spacer * 1.5, come mt-4
• 5 - (per impostazione predefinita) per le classi che impostano il margine su $ spacer * 3, ad esempio mt-5
• auto - per le classi che impostano il margine su auto, ad esempio mx-auto

m - imposta il margine

p - imposta l'imbottitura

t - imposta margin-top o padding-top

b - imposta il margine inferiore o il margine inferiore

l - imposta margin-left o padding-left

r - imposta margine destro o riempimento destro

x - imposta sia il padding-left che il padding-right o margin-left e margin-right

y - imposta sia il padding-top che il padding-bottom o margin-top e margin-bottom

vuoto: imposta un margine o un'imbottitura su tutti e 4 i lati dell'elemento

0: imposta il margine o il riempimento su 0

1 - imposta il margine o il riempimento su .25rem (4px se la dimensione del carattere è 16px)

2 - imposta il margine o il riempimento su .5rem (8px se la dimensione del carattere è 16px)

3 - imposta il margine o il riempimento su 1rem (16px se la dimensione del carattere è 16px)

4 - imposta il margine o il riempimento su 1,5rem (24px se la dimensione del carattere è 16px)

5 - imposta il margine o il riempimento su 3rem (48px se la dimensione del carattere è 16px)

auto - imposta il margine su auto