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.