Spinners

Loading indicators with rotation and pulse

Spinners indicate a loading state. Bootstrap offers border spinners that rotate and grow spinners that pulse.

The .spinner-border class creates a spinning circle using a border that rotates continuously. It is the default Bootstrap loading indicator.

<div class="spinner-border" role="status">
  <span class="visually-hidden">
    Loading...
  </span>
</div>

Loading content

.spinner-border rotates a partial border ring

25 / 37