Types of Spinner:
By using .spinner-border class, you can create bordered spinner.
This .sr-only class hides an element to all devices except screen readers.
Colored Border Spinners:
To change the color of border spinner use text color utility classes of bootstrap along with the .spinner-border class as shown in the below example:
By using .spinner-grow class, you can create a growing spinner. The following is an example of the growing spinner.
By using .spinner-border-sm and .spinner-grow-sm along with the .spinner-border and .spinner-grow classes to create smaller spinner.
We can add the spinner within the button with text or without text.