Compreendendo Class="mb-0" no Bootstrap 4

O Bootstrap 4 fornece classes de utilitários abrangentes para gerenciar margens e preenchimentos em diferentes tamanhos de tela, conhecidos como mb ( margem inferior) classes. Essas classes oferecem flexibilidade na definição do espaçamento dos elementos para diversas janelas de visualização, conforme descrito abaixo:

Noções básicas sobre class="mb-0"

A classe="mb-0" visa especificamente a margem inferior de um elemento e define-a como 0. Esta classe se enquadra na categoria de classe de utilitário de margem e é usada para remover completamente a margem inferior.

Bootstrap Margin and Padding Utility Class Format

Bootstrap utiliza uma convenção de nomenclatura consistente para suas classes de utilitário de margem e preenchimento:

{property}{sides}-{size} ou {property }{sides}-{breakpoint}-{size}

Propriedade:

• m para margem
• p para preenchimento

Lados:

• t para cima
• b para baixo
• l para esquerda
• r para direita
• x para esquerda e direita
• y para cima e baixo

Pontos de interrupção:

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

Tamanho:

• 0 define uma margem ou preenchimento como 0
• 1 define uma margem ou preenchimento como . 25rem (4px)
• 2 define uma margem ou preenchimento para .5rem (8px)
• 3 define uma margem ou preenchimento para 1rem (16px)
• 4 define uma margem ou preenchimento para 1,5rem (24px)
• 5 define uma margem ou preenchimento para 3rem (48px)
• auto define a margem para automático

Exemplo de uso

Lorem ipsum

Este código aplica a class="mb-0" ao elemento parágrafo, removendo sua margem inferior.

Recursos adicionais

Para obter informações mais abrangentes, consulte os seguintes recursos:

• [Bootstrap 4.5 - Espaçamento ](https://getbootstrap.com/docs/4.5/utilities/spacing/)
• [w3schools: classes de margem e preenchimento de Bootstrap](https://www.w3schools.com/bootstrap4/bootstrap_margin_padding.asp )