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 |