Spinners
Animated loaders for loading states. They are pure CSS; no extra JavaScript is needed.
Live demo
Border spinner
Grow spinner
Inside a button
Code
<span class="spinner-border text-primary" role="status"></span>
<span class="spinner-border spinner-sm" role="status"></span>
<span class="spinner-grow text-success" role="status"></span>
<button class="btn btn-primary" disabled>
<span class="spinner-border spinner-sm mr-1"></span> Loading...
</button>Tip: spinners use currentColor, so any .text-* class colors them; .spinner-sm makes them smaller.