Layout met Bootstrap 5 stap 2: padding en marge

Описание

Een container-class geeft de container-div een vaste breedte en een margin-left en margin-right auto. Dan staat deze gecentreerd in de viewport.
De header wille we echter tot de rand en dat kan met de class container-fluid.

Om de header wat meer vulling te geven maken we gebruik van padding. Daardoor zal de achtergrondafbeelding ook wat meer in beeld komen. Bootstrap gebruik de class p- voor het toevoegen van padding. Er kan een getalletje achter het streepje komen van 0 tot en met 5 waarbij de padding sprongsgewijs toeneemt.
px-, py-, pt- en pb- leveren dan padding voor horizontaal, verticaal, top, en bottom. De left en right met pl- en pe.
Vervang je de p door een m dan heb je het over marges.