Margens

As margens em CSS controlam o espaço entre os elementos e as bordas externas de seus contêineres. No Bootstrap, as margens podem ser facilmente ajustadas utilizando classes utilitárias, eliminando a necessidade de CSS personalizado.

Classes de Margem

O Bootstrap oferece um conjunto de classes utilitárias de margem seguindo uma convenção de nomenclatura consistente:

m-{side}-{size} 

{side} pode ser:

{size} pode ser:

Preenchimentos (Paddings)

Os preenchimentos em CSS determinam o espaço entre o conteúdo de um elemento e suas bordas. No Bootstrap, é possível controlar facilmente o preenchimento utilizando classes utilitárias, o que auxilia na manutenção de espaçamentos consistentes em todo o layout sem a necessidade de CSS personalizado.

Classes de Preenchimento

O Bootstrap oferece um conjunto de classes utilitárias para preenchimento seguindo uma convenção de nomenclatura consistente:

p-{side}-{size}

As variações para {side} e {size} são idênticas às utilizadas para margem.