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

Spinner

Screenshot

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

Description

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

Shape

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

Style

Select one of the Bootstrap color styles.

Size

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 *