48 votos

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

La última documentación tiene:

Lorem ipsum

¿Qué es mb-0?

73voto

Akash Preet Puntos 937

Bootstrap 4

Bootstrap tiene una amplia gama de clases de utilidad de margen y relleno receptivas. Funcionan para todos los breakpoints:

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

Las clases se utilizan en el formato:

{propiedad}{lados}-{tamaño} para xs y {propiedad}{lados}-{breakpoint}-{tamaño} para sm, md, lg y xl.

m - establece margen

p - establece relleno


t - establece margen superior o relleno superior

b - establece margen inferior o relleno inferior

l - establece margen izquierdo o relleno izquierdo

r - establece margen derecho o relleno derecho

x - establece tanto relleno izquierdo como derecho o margen izquierdo y derecho

y - establece tanto relleno superior y inferior o margen superior y inferior

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


0 - establece margen o relleno a 0

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

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

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

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

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

auto - establece margen a auto

Más información en Bootstrap 4.5 - Espaciado

Leer más en w3schools

31voto

Skelly Puntos 27772

Bootstrap 4

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

Relacionado: ¿Cómo uso las Clases de Utilidad de Espaciado en Bootstrap 4

29voto

sta Puntos 7531

m - para clases que establecen márgenes, como este:

  • 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 tanto margin-left como margin-right
  • my - para clases que establecen tanto margin-top como margin-bottom

Donde el tamaño es uno de los márgenes:

  • 0 - para clases que eliminan el margen estableciéndolo en 0, como mt-0
  • 1 - (por defecto) para clases que establecen el margen en $spacer * .25, como mt-1
  • 2 - (por defecto) para clases que establecen el margen en $spacer * .5, como mt-2
  • 3 - (por defecto) para clases que establecen el margen en $spacer, como mt-3
  • 4 - (por defecto) para clases que establecen el margen en $spacer * 1.5, como mt-4
  • 5 - (por defecto) para clases que establecen el margen en $spacer * 3, como mt-5
  • auto - para clases que establecen el margen en auto, como mx-auto

4voto

Nakkeeran Puntos 69

M - establece el margen

p - establece el relleno

t - establece margin-top o padding-top

b - establece margin-bottom o padding-bottom

l - establece margin-left o padding-left

r - establece margin-right o padding-right

x - establece tanto padding-left y padding-right o margin-left y margin-right

y - establece tanto 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 a 0

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

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

3 - establece margen o relleno a 1rem (16px si el tamaño de la fuente es 16px)

4 - establece margen o relleno a 1.5rem (24px si el tamaño de la fuente es 16px)

5 - establece margen o relleno a 3rem (48px si el tamaño de la fuente es 16px)

auto - establece el margen a auto

4voto

Fifi Puntos 7

Bootstrap tiene clases predefinidas que utilizamos para dar estilo. Si estás familiarizado con CSS, sabrías qué son el padding, margin y spacing, etc.

mb-0 = margin-bottom:0;

Ahora, avanzando un poco más en conocimiento, bootstrap tiene más clases para margin que incluyen:

mt- = margin-top
mb- = margin-bottom
ml- = margin-left
mr- = margin-right
my- = establece margin-left y margin-right al mismo tiempo en el eje y
mX- = establece margin-bottom y margin-top al mismo tiempo en el eje X

Esto y mucho más se explica aquí https://getbootstrap.com/docs/5.0/utilities/spacing/ La mejor manera de aprender es a través del sitio https://getbootstrap.com en sí mismo. Explica mucho sobre sus clases integradas.

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X