La última documentación tiene:

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

P: ¿Qué es mb-0?

138
Phillip Senn 10 ene. 2017 a las 20:28

4 respuestas

La mejor respuesta

Bootstrap tiene una amplia gama de clases de utilidad de margen de respuesta y relleno. Funcionan para todos los puntos de interrupción:

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

Las clases se usan en el formato:

{propiedad} {lados} - {tamaño} para xs y {propiedad} {lados} - {punto de interrupción} - {tamaño} para sm, md, lg y xl .

m : establece el margen

p : establece el relleno


t : establece margin-top o padding-top

b : establece margen inferior o relleno inferior

l : establece el margen izquierdo o el relleno izquierdo

r : establece el margen derecho o el relleno derecho

x : establece el relleno izquierdo y el relleno derecho o el margen izquierdo y el margen derecho

y : establece padding-top y padding-bottom o margin-top y margin-bottom

en blanco : establece un margen o relleno en los 4 lados del elemento


0 : establece margen o relleno en 0

1 : establece margen o relleno en .25rem (4px si el tamaño de fuente es 16px)

2 : establece margen o relleno en .5rem (8px si el tamaño de fuente es 16px)

3 : establece margen o relleno en 1rem (16px si el tamaño de fuente es 16px)

4 : establece margen o relleno en 1.5rem (24px si el tamaño de fuente es 16px)

5 : establece margen o relleno en 3rem (48px si el tamaño de fuente es 16px)

automático : establece el margen en automático

Ver más en Bootstrap 4.5 - Spacing

Leer más en w3schools

247
STA 7 jun. 2020 a las 17:35

Se utiliza para crear un margen inferior de 0 (margin-bottom:0). Puede ver más de las nuevas clases de utilidad de espaciado aquí: https://getbootstrap.com/docs/ 4.0 / utilidades / espaciado /

Relacionado: ¿Cómo utilizo las clases de utilidad de espaciado en Bootstrap 4

51
tilo 23 mar. 2018 a las 12:37

m - para clases que establecen un margen, como este:

  • mt - para las clases que establecen margin-top
  • mb - para las clases que establecen margin-bottom
  • ml - para las clases que establecen margin-left
  • mr - para las clases que establecen margin-right
  • mx - para clases que establecen tanto margin-left como margin-right
  • my - para clases que establecen tanto margin-top como margin-bottom

Donde el tamaño es uno de margen:

  • 0 - para clases que eliminan el margen al configurarlo en 0, como mt-0
  • 1 - (por defecto) para las clases que establecen el margen en $ spacer * .25, como mt-1
  • 2 - (por defecto) para las clases que establecen el margen en $ spacer * .5, como mt-2
  • 3 - (por defecto) para las clases que establecen el margen en $ espaciador, como mt-3
  • 4 - (por defecto) para las clases que establecen el margen en $ spacer * 1.5, como mt-4
  • 5 - (por defecto) para las clases que establecen el margen en $ spacer * 3, como mt-5
  • auto: para las clases que establecen el margen en automático, como mx-auto
8
STA 6 may. 2020 a las 05:56

M: establece el margen

P - establece el relleno

T - establece margin-top o padding-top

B - establece margen inferior o relleno inferior

L: establece el margen izquierdo o el relleno izquierdo

R: establece el margen derecho o el relleno derecho

X: establece el relleno izquierdo y el relleno derecho o el margen izquierdo y el margen derecho

Y: establece el relleno superior y el relleno inferior o margen superior y margen inferior

En blanco: establece un margen o relleno en los 4 lados del elemento

0: establece el margen o el relleno en 0

1: establece el margen o relleno en .25rem (4px si el tamaño de fuente es 16px)

2: establece el margen o el relleno en .5rem (8px si el tamaño de fuente es 16px)

3: establece el margen o el relleno en 1rem (16 píxeles si el tamaño de fuente es 16 píxeles)

4: establece el margen o el relleno en 1.5rem (24px si el tamaño de fuente es 16px)

5: establece el margen o el relleno en 3rem (48 píxeles si el tamaño de fuente es 16 píxeles)

Auto: establece el margen en auto

-1
Nakkeeran 8797 12 feb. 2020 a las 11:50