@@include("./partials/title-meta.html", {"title": "Spinners"}) @@include('./partials/head-css.html')
@@include('./partials/topbar.html') @@include('./partials/sidenav.html')
@@include("./partials/page-title.html", {"subtitle":"UI", "title":"Spinners"})

Border Spinner

Use border spinners as lightweight loading indicators.

Loading...

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.

Loading...

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

@@include('./partials/footer.html')
@@include('./partials/customizer.html') @@include('./partials/footer-scripts.html')