Components

Self-contained components

Spinner

Default

By default you can simply add a spinner by using the following snippet.

<div class="mb-2">
  <span class="spinner"></span>
</div>

Colors

Play with all the spinners colors:

<div class="mb-2">
  <span class="spinner spinner-primary"></span>
</div>
<div class="mb-2">
  <span class="spinner spinner-secondary"></span>
</div>
<div class="mb-2">
  <span class="spinner spinner-tertiary"></span>
</div>

Size

Increase size of spinner by adding h1 - h6 class

<div class="mb-2">
  <span class="spinner spinner-primary h1"></span>
</div>
<div class="mb-2">
  <span class="spinner h3"></span>
</div>
On this page