1. Home
  2. Docs
  3. Bootstrap Visuals for Confluence Manual
  4. User Guide
  5. Spinner



The following animated gif shows an impression of the Bootstrap Spinners as they rotate or change size and opacity.


The Spinner is an animated “I am busy” indicator. You can use it for other visual purposes as well of course.

Adding the Macro

Edit your page.

Select “+” => Other macros

Type in “Bootstrap” in the Search box

Select the “Bootstrap Spinner” macro

Macro Options


Select the shape of the spinner

Shape Description
Border Spinner A rotating open circle
Growing Circle A circle with an animated increase in color opacity


Select one of the Bootstrap color styles.


Select between four sizes:

  1. Small
  2. Normal
  3. Medium
  4. Large

Display as Button

If you select this option, the spinner will be displayed as a button.

Button Text

If the “Display as Button” option is selected, you can add a button text here that will be displayed next to the spinner.

Was this article helpful to you? Yes No

Leave a Reply

Your email address will not be published. Required fields are marked *