Bootstrap 5 Spinners Border

Bootstrap 5 Spinner is used to show the loading stage of the component, these spinners are built only with HTML and CSS. The Border Spinner is used for a lightweight loading indicator. To change, etc. the spinners color we need to use the Bootstrap 5 Text Color classes, like text-primary, text-success

Spinner Border Classes:

• spinner-border: This class is used to add the spinner border using Bootstrap.

Syntax:

<div class="spinner-border ...">
 <span class="...">...</span>
</div>

Example  1: The following code demonstrates the Spinners Border of colors using primary, secondary, success, and danger classes with Spinners Border properties.

Output:

Example 2: The following code demonstrates the Spinners Border of colors using warning, info, light, and dark classes with Spinners Border properties.

Output: 

Reference: https://getbootstrap.com/docs/5.0/components/spinners/#border-spinner