Offsets
Offsets reserve empty grid space before a column and are useful when a region should begin after a deliberate horizontal gap.
Core concept
Explain offset-1 through offset-11 and responsive offsets. Compare an offset with using an auto margin or flex centering so developers can select the right technique.
Using it in a real interface
A centered six-column form can be represented with col-md-6 offset-md-3. Explain why this works in a twelve-column system and how the layout should fall back on mobile.
Implementation notes
Avoid stacking offsets and arbitrary margins to achieve centering. If the intention is simply centered content, a centered column or flex utility is usually easier to understand.
ADVERTISEMENT