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 |