In bootstrap 5, we can use flexbox alignment utilities to align our columns horizontally and vertically without using CSS. The following are the possible alignment ways:
Vertical alignment: For aligning the column vertically we use the flexbox utilities to get desired alignment system.
Horizontal alignment: For aligning the column Horizontally we use the flexbox utilities to get desired alignment system.
Column wrapping: In column wrapping, If extra than 12 columns are placed within a single row, every institution of more columns will, as one unit, wrap onto a brand new line.
Column breaks: In column break, for breaking a column to a new line in flexbox add an element with a width of 100% wherever you want to wrap your columns to a new line.
Example 1: Here is an example of vertical alignment.
