BBS5 Spinners

BS5 Spinners

Bootstrap 5 provides "spinners" that can be used to indicate the loading state of a component or page.

Border Spinner

Use the .spinner-border class for a lightweight loading indicator.

Growing Spinner

Use the .spinner-grow class if you want the spinner to grow instead of spin.

Spinner Sizes

Use .spinner-border-sm or .spinner-grow-sm for a smaller spinner.

<div class="spinner-border text-primary"></div>

<div class="spinner-grow text-primary"></div>

<button class="btn btn-primary">
  <span class="spinner-border spinner-border-sm"></span>
  Loading..
</button>