Bootstrap Spinners

Spinner is also called a loading indicator. It is used to display/indicate the loading state of our projects. Bootstrap uses a .spinner class to create a Spinner.

Example -

Colored Spinners

Use any text color utilites to add a color to the spinner:

Example -

Growing Spinners

Use the .spinner-grow class if you want the spinner/loader to grow instead of "spin":

Example -

Spinner Size

Use .spinner-border-sm or .spinner-grow-sm to create a smaller spinner:

Example -

Spinner Buttons

You can also add spinners to a button, with or without text:

Example -