Column Alignment
Bootstrap alignment utilities make it possible to control where columns sit horizontally and vertically within a row.
Core concept
Explain justify-content for horizontal distribution, align-items for cross-axis alignment, and align-self for a single column. Relate these utilities to the underlying CSS flexbox model so developers understand why the classes work.
Using it in a real interface
Show centered content, end-aligned action buttons, vertically centered dashboard panels, and rows where one item intentionally aligns differently from its siblings.
Implementation notes
Alignment is often easier to maintain with flex utilities than with margins. If a layout depends on arbitrary top margins to line up controls, revisit the row\'s alignment model.
ADVERTISEMENT