Spinner
Border spinner
Use the border spinners 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!
Size
Add .spinner-border-sm
and .spinner-grow-sm
to make a smaller spinner that can quickly be used within other components.
Buttons
Use spinners within buttons to indicate an action is currently processing or taking place.
Alignment
Use flexbox
, float
or text alignment
utilities to place spinners exactly where you need them in any situation.