Spinners | INSPINIA - Responsive Bootstrap 5 Admin Dashboard Template

Spinners

Examples

Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript.

Spinners on Bootstrap

Border Spinner

Use border spinners as lightweight loading indicators.

Colors

Use text color utilities like .text-primary , .text-success , or .text-danger to style the spinner, which inherits its color from currentColor .

Alignment

Bootstrap spinners use rem , currentColor , and inline-flex for easy sizing and alignment.

Loading...

Buttons Spinner

Growing Spinner

Bootstrap spinners use rem , currentColor , and inline-flex for easy resizing, coloring, and alignment.

Color Growing Spinner

The grow spinner also uses currentColor , so apply classes like .text-primary , .text-warning , or .text-info to customize its color.

Size

SpinKit CSS Based Plugin