Spinners
Spinners can be used to show the loading state in your projects, check out documentation.
Border spinner
Bootstrap offers two animation styles for spinners. The animation style can be configured with the animation property. An animation style must always be provided when creating a spinner.Use animation="border" for a lightweight loading indicator.
Growing spinner
If you don’t fancy a border spinner, switch to the grow spinner. While it doesn’t technically spin, it does repeatedly grow!
Variants
All standard visual variants are available for both animation styles by setting the variant property. Alternatively spinners can be custom sized with the style property, or custom CSS classes.
Sizes
In addition to the standard size, a smaller additional preconfigured size is available by configuring the size property to sm.
Buttons
Like the original Bootstrap spinners, these can also be used with buttons. To use this component out-of-the-box it is recommended you change the element type to span by configuring the as property when using spinners inside buttons.