Summary
This chapter covers how to control CSS element spacing using Bootstrap’s standardized margin (`m-{side}-{size}`) and padding (`p-{side}-{size}`) utility classes, eliminating the need for custom CSS rules.

General domain of usage
Front-end web development (web UI layout design)

# Marginer
Marginer i CSS styrer avstanden mellom elementer og de ytre kantene til beholderne deres. I Bootstrap kan marginer enkelt justeres ved hjelp av hjelpeklasser, noe som eliminerer behovet for egendefinert CSS.

## Margin-klasser
Bootstrap tilbyr et sett med margin-hjelpeklasser som følger en konsekvent navngivningskonvensjon:
```
m-{side}-{size} 
```


PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+TWFyZ2lucyBhbmQgUGFkZGluZ3MgRXhhbXBsZSAxPC90aXRsZT4KICAgIDxsaW5rCiAgICAgIGhyZWY9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vYm9vdHN0cmFwQDUuMy4yL2Rpc3QvY3NzL2Jvb3RzdHJhcC5taW4uY3NzIgogICAgICByZWw9InN0eWxlc2hlZXQiCiAgICAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDwhLS0gYG10LTNgOiBBZGRzIGEgbWFyZ2luIG9mIDFyZW0gdG8gdGhlIHRvcCBvZiBhbiBlbGVtZW50LiAtLT4KICAgIDxkaXYgY2xhc3M9Im10LTMiPkNvbnRlbnQgd2l0aCB0b3AgbWFyZ2luPC9kaXY+CgogICAgPCEtLSBgbXgtNGA6IEFkZHMgYSBtYXJnaW4gb2YgMS41cmVtIGhvcml6b250YWxseSAoYm90aCBsZWZ0IGFuZCByaWdodCkgdG8gYW4gZWxlbWVudC4gLS0+CiAgICA8ZGl2IGNsYXNzPSJteC00Ij5Db250ZW50IHdpdGggaG9yaXpvbnRhbCBtYXJnaW5zPC9kaXY+CgogICAgPCEtLSBgbXktMmA6IEFkZHMgYSBtYXJnaW4gb2YgMC41cmVtIHZlcnRpY2FsbHkgKGJvdGggdG9wIGFuZCBib3R0b20pIHRvIGFuIGVsZW1lbnQuIC0tPgogICAgPGRpdiBjbGFzcz0ibXktMiI+Q29udGVudCB3aXRoIHZlcnRpY2FsIG1hcmdpbnM8L2Rpdj4KCiAgICA8IS0tIGBtLWF1dG9gOiBDZW50ZXJzIGFuIGVsZW1lbnQgaG9yaXpvbnRhbGx5IGJ5IGFwcGx5aW5nIGF1dG9tYXRpYyBsZWZ0IGFuZCByaWdodCBtYXJnaW5zLiAtLT4KICAgIDxkaXYgY2xhc3M9Im0tYXV0byI+Q2VudGVyZWQgY29udGVudDwvZGl2PgogICAgPHNjcmlwdCBzcmM9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vYm9vdHN0cmFwQDUuMy4yL2Rpc3QvanMvYm9vdHN0cmFwLm1pbi5qcyI+PC9zY3JpcHQ+CiAgPC9ib2R5Pgo8L2h0bWw+

# Innvendig marg (Padding)
Innvendig marg i CSS bestemmer avstanden mellom innholdet i et element og dets kanter. I Bootstrap kan utviklere enkelt kontrollere innvendig marg ved hjelp av hjelpeklasser, noe som bidrar til å opprettholde jevn avstand i hele oppsettet uten behov for egendefinert CSS.


## Klasser for innvendig marg
Bootstrap tilbyr et sett med hjelpeklasser for innvendig marg som følger en konsekvent navngivningskonvensjon:
```
p-{side}-{size}
```
Variantene for `{side}` og `{size}` er identiske med de for margin.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+TWFyZ2lucyBhbmQgUGFkZGluZ3MgRXhhbXBsZSAyPC90aXRsZT4KICAgIDxsaW5rCiAgICAgIGhyZWY9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vYm9vdHN0cmFwQDUuMy4yL2Rpc3QvY3NzL2Jvb3RzdHJhcC5taW4uY3NzIgogICAgICByZWw9InN0eWxlc2hlZXQiCiAgICAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDwhLS0gYHB0LTNgOiBBZGRzIHBhZGRpbmcgb2YgMXJlbSB0byB0aGUgdG9wIG9mIGFuIGVsZW1lbnQuIC0tPgogICAgPGRpdiBjbGFzcz0icHQtMyI+Q29udGVudCB3aXRoIHRvcCBwYWRkaW5nPC9kaXY+CgogICAgPCEtLSBgcHgtNGA6IEFkZHMgaG9yaXpvbnRhbCBwYWRkaW5nIG9mIDEuNXJlbSAoYm90aCBsZWZ0IGFuZCByaWdodCkgdG8gYW4gZWxlbWVudC4gLS0+CiAgICA8ZGl2IGNsYXNzPSJweC00Ij5Db250ZW50IHdpdGggaG9yaXpvbnRhbCBwYWRkaW5nPC9kaXY+CgogICAgPCEtLSBgcHktMmA6IEFkZHMgdmVydGljYWwgcGFkZGluZyBvZiAwLjVyZW0gKGJvdGggdG9wIGFuZCBib3R0b20pIHRvIGFuIGVsZW1lbnQuIC0tPgogICAgPGRpdiBjbGFzcz0icHktMiI+Q29udGVudCB3aXRoIHZlcnRpY2FsIHBhZGRpbmc8L2Rpdj4KCiAgICA8IS0tIGBwLTVgOiBBZGRzIHBhZGRpbmcgb2YgM3JlbSB0byBhbGwgc2lkZXMgb2YgYW4gZWxlbWVudC4gLS0+CiAgICA8ZGl2IGNsYXNzPSJwLTUiPkNvbnRlbnQgd2l0aCB1bmlmb3JtIHBhZGRpbmc8L2Rpdj4KCiAgICA8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9ib290c3RyYXBANS4zLjIvZGlzdC9qcy9ib290c3RyYXAubWluLmpzIj48L3NjcmlwdD4KICA8L2JvZHk+CjwvaHRtbD4=

Utforsk kjerneprinsippene i Bootstrap CSS-rammeverket og oppdag hemmelighetene bak å lage responsive og visuelt imponerende nettsteder raskt og effektivt. Gjennom praktisk utforskning av sentrale verktøy og implementering av kraftige komponenter, får du uvurderlig praktisk erfaring som effektiviserer arbeidsflyten i webutvikling ved hjelp av Bootstraps allsidige verktøykasse.

Utforsk kjernen i Bootstrap og dets utvikling fra oppstart til i dag, vurder fordeler og ulemper, og forstå forutsetninger for effektiv implementering.

Naviger gjennom alternativer for installasjon av Bootstrap. Velg mellom rask integrasjon via Content Delivery Network (CDN) eller en mer tilpasset tilnærming med Node Package Manager (NPM).

Oppnå ferdigheter i sentrale Bootstrap-elementer, inkludert det allsidige rutenettsystemet, nyansert typografi, dynamisk bruk av knapper, presis håndtering av marger og polstringer, samt utforming av effektive skjemaer for sømløs brukerinteraksjon.

Hev dine Bootstrap-ferdigheter med avanserte emner som dekker dynamiske navigasjonsmenyer, responsiv bildehåndtering, allsidige kortoppsett, interaktive modaler og engasjerende karuseller for fengende brukeropplevelser.

Lag en porteføljenettside ved hjelp av Bootstrap-rammeverket med vår veiledning. Utnytt de kraftige funksjonene i Bootstrap. Denne praktiske delen hjelper deg med å vise frem dine ferdigheter, prosjekter og prestasjoner.

Håndtering av Marger og Polstring

Marginer

Margin-klasser

{side} kan være:

{size} kan være:

Innvendig marg (Padding)

Klasser for innvendig marg