Bootstrap 5 Spinners Alignment

Bootstrap 5 Spinners Alignment is used to set the alignment of the spinner element. The spinner element can easily be resized, recolored, and quickly aligned.

Spinners Alignment: 

• Margin Alignment: Spinner margin is used to create spinners in different margins.
• Spinners Placement: Spinners Placement is used to set the position of spinners where you want to place them according to the need. It uses three utilities flexbox utilities, float utilities, or text alignment to place the items.
  • Flex: It is used to set the position of spinners using flexbox placement classes.
  • Float: It is used to set the position of spinners using the float placement classes.
  • Text Align: It is used to set the position of spinner items using text-align placement classes.

Example 1: In this example, we will use flex placement to set the position of the spinner element.

Output:

 

Example 2: In this example, we will use margin alignment to create spinners in different margins.

Output:

 

Reference: https://getbootstrap.com/docs/5.0/components/spinners/#alignment