Comprensión de Class="mb-0" en Bootstrap 4

Bootstrap 4 proporciona clases de utilidad integrales para administrar márgenes y rellenos en diferentes tamaños de pantalla, conocidos como mb ( margen inferior). Estas clases ofrecen flexibilidad para configurar el espaciado entre elementos para diferentes ventanas gráficas, como se describe a continuación:

Comprensión de la clase="mb-0"

La clase="mb-0" apunta específicamente al margen inferior de un elemento y lo establece en 0. Esta clase se incluye en la categoría de clase de utilidad de margen y se utiliza para eliminar el margen inferior por completo.

Formato de clase de utilidad de relleno y margen Bootstrap

Bootstrap utiliza una convención de nomenclatura coherente para sus clases de utilidades de margen y relleno:

{property}{sides}-{size} o {property }{lados}-{punto de interrupción}-{tamaño}

Propiedad:

• m para margen
• p para relleno

Lados:

• t para la parte superior
• b para la parte inferior
• l para la izquierda
• r para derecha
• x para izquierda y derecha
• y para arriba y abajo

Puntos de interrupción:

• xs para
• sm para >=576px
• md para >=768px
• lg para >=992px
• xl para > =1200px

Tamaño:

• 0 establece un margen o relleno en 0
• 1 establece un margen o relleno en . 25rem (4px)
• 2 establece un margen o relleno en .5rem (8px)
• 3 establece un margen o relleno en 1rem (16px)
• 4 establece un margen o padding to 1.5rem (24px)
• 5 establece un margen o padding a 3rem (48px)
• auto establece el margen en auto

Ejemplo de uso

Lorem ipsum

Este código aplica la clase="mb-0" al elemento de párrafo, eliminando su margen inferior.

Recursos adicionales

Para obtener información más completa, consulte los siguientes recursos:

• [Bootstrap 4.5 - Espaciado ](https://getbootstrap.com/docs/4.5/utilities/spacing/)
• [w3schools: clases de margen y relleno Bootstrap](https://www.w3schools.com/bootstrap4/bootstrap_margin_padding.asp )