Bootstrap 5 Columns Offsetting Columns

Bootstrap 5 Offsetting columns can offset grid columns in two ways, offset classes and margin utilities.  Offset classes are used to match the size of columns and margin utilities are used for quick layouts.

Bootstrap 5 Offsetting columns:

• Offset classes: This class is used to set the offset of the grid. Size is the among small (sm), medium (md), and large (lg).
• Margin utilities: This utility is used to set the margin between columns. you can use margin utilities to force sibling columns away from one another using  .me-auto class.

Example 1: In this example, we will see the offset class.

Output: 

👁 Image

Example 2: In this example, we will see the Margin utilities.

Output: 

👁 Image

Reference: https://getbootstrap.com/docs/5.0/layout/columns/#offsetting-columns