Bootstrap 5 Spinners Text align Placements

Bootstrap 5 Spinners Text align placements are used to set the alignment of the spinner component. To set the text alignment of the spinner element, we will use text alignment classes.

Spinners Text Align Placements used Classes:

• .text-start: It is used to set the alignment of the spinner element to start.
• .text-center: It is used to set the alignment of the spinner element to the center.
• .text-end: It is used to set the alignment of the spinner element to the end.

Syntax:

<div class="text-*">
 <div class="spinner-border" role="status">
 <span class="visually-hidden">...</span>
 </div>
</div>

Example 1: In this example, we will set the text alignment of the spinner elements to start, center, and end.

Output:

Example 2: In this example, we will set the text alignment of the button spinner elements to start, center, and end.

Output:

Reference:https://getbootstrap.com/docs/5.0/components/spinners/#text-align