Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Managing Margins and Padding | Basic Concepts
Bootstrap Essentials for Modern Websites

bookManaging Margins and Padding

Margins

Margins in CSS control the space between elements and the outer edges of their containers. In Bootstrap, margins can be easily adjusted using utility classes, eliminating the need for custom CSS.

Margin Classes

Bootstrap provides a set of margin utility classes following a consistent naming convention:

m-{side}-{size} 

{side} can be:

{size} can be:

index.html

index.html

copy

Paddings

Paddings in CSS determine the space between the content of an element and its borders. In Bootstrap, developers can easily control padding using utility classes, which helps maintain consistent spacing throughout the layout without needing custom CSS.

Padding Classes

Bootstrap provides a set of padding utility classes following a consistent naming convention:

p-{side}-{size}

The variations for {side} and {size} are identical to those for margin.

index.html

index.html

copy

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 6

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 3.23

bookManaging Margins and Padding

Deslize para mostrar o menu

Margins

Margins in CSS control the space between elements and the outer edges of their containers. In Bootstrap, margins can be easily adjusted using utility classes, eliminating the need for custom CSS.

Margin Classes

Bootstrap provides a set of margin utility classes following a consistent naming convention:

m-{side}-{size} 

{side} can be:

{size} can be:

index.html

index.html

copy

Paddings

Paddings in CSS determine the space between the content of an element and its borders. In Bootstrap, developers can easily control padding using utility classes, which helps maintain consistent spacing throughout the layout without needing custom CSS.

Padding Classes

Bootstrap provides a set of padding utility classes following a consistent naming convention:

p-{side}-{size}

The variations for {side} and {size} are identical to those for margin.

index.html

index.html

copy

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 6
some-alt