¿Qué es class = "mb-0" en Bootstrap 4?


Respuestas:


247

Bootstrap tiene una amplia gama de márgenes receptivos y clases de utilidad de 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 el relleno superior y el relleno inferior o el margen superior y el margen inferior

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 (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

Ver más en Bootstrap 4.5 - Espaciado

Leer más en w3schools


8
La clase mb-0 en Bootstrap 4 es equivalente al margen inferior: 0px; ¿Eso suena bien?
Akash Preet


8

m - para clases que establecen margen, así:

  • mt - para clases que establecen margin-top
  • mb - para clases que establecen margin-bottom
  • ml - para clases que establecen margin-left
  • mr - para clases que establecen margin-right
  • mx- para clases que establecen ambos margin-leftymargin-right
  • my- para clases que establecen ambos margin-topymargin-bottom

Donde el tamaño es uno de margen:

  • 0 - para clases que eliminan el margen al establecerlo 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 $ spacer, 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 clases que establecen el margen en automático, como mx-auto

-1

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 el margen superior y el 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 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

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.