Spinners

To display a loader, apply the .spinner-border class

Output 1:

Colored Spinners

apply any text color utility class to change the spinner’s color.

Output:

Growing Spinners

To create a growing loader instead of a spinning one, use the .spinner-grow class

Output:

Spinner Size

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

Output:

Spinner Buttons

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

Output: