Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele 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

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 6

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Awesome!

Completion rate improved to 3.23

bookManaging Margins and Padding

Pyyhkäise näyttääksesi valikon

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

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 6
some-alt