Bootstrap: Padding en Margin

We kunnen padding en margin toevoegen via klassenamen die beginnen met ‘.p’ en ‘.m’.

Hierbij wordt een getal tussen 1 (weinig) en 5 (veel) gebruikt om aan te geven hoeveel ruimte er open gelaten moet worden. We kunnen ook 0 gebruiken (geen ruimte) of auto (automatisch).

Enkele illustraties:

Klasse Functionaliteit
.p-5 Geeft veel padding
.p-1 Geeft weinig padding
.m-5 Geeft veel margin
.m-1 Geeft weinig margin
.mt-1 Geeft weinig margin aan de bovenkant (margin top), de andere margins worden niet aangepast
.mb-1 Geeft weinig margin aan de onderkant (margin bottom), de andere margins worden niet aangepast
.mr-1 Geeft weinig margin aan de rechterkant (margin right), de andere margins worden niet aangepast
.ml-1 Geeft weinig margin aan de linkerkant (margin left), de andere margins worden niet aangepast
.mx-1 Geeft weinig margin horizontaal (x-as), de vertikale margins worden niet aangepast
.my-1 Geeft weinig margin vertikaal (y-as), de horizontale margins worden niet aangepast
.mx-auto Geeft automatische marges op de horizontale (X-)as