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
The style defines the color of the progress bar (the completed part). The listbox contains the terms that Bootstrap uses to identify the color style.
| Term | Background Color |
|---|---|
| danger | |
| dark | |
| info | |
| light | |
| primary | |
| secondary | |
| success | |
| warning |
Size
Select between four sizes:
- Small
- Normal
- Medium
- 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.