Loading...
Spinners
Use the border spinners for a lightweight loading indicator.
Color Variations
The border spinner uses currentColor for its border-color, meaning you can customize the color with text color utilities. You can use any of our text color utilities on the standard spinner.
Add .spinner-border-sm and .spinner-grow-sm to make a smaller spinner that can quickly be used within other components.
Or, use custom CSS or inline styles to change the dimensions as needed.
If you don’t fancy a border spinner, switch to the grow spinner. While it doesn’t technically spin, it does repeatedly grow!
Color Variations
The border spinner uses currentColor for its border-color, meaning you can customize the color with text color utilities. You can use any of our text color utilities on the standard spinner.