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.
Edit your page.
Select "+" => Other macros
Type in "Bootstrap" in the Search box
Select the "Bootstrap Spinner" macro
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 |
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 |
Select between four sizes:
If you select this option, the spinner will be displayed as a button.
If the "Display as Button" option is selected, you can add a button text here that will be displayed next to the spinner.
div#main-content.wiki-content { font-size: 1.2em !important; font-family: Segoe UI, sans-serif !important; } .wiki-content .contentLayout2 .columnLayout .cell { padding-left: 0px; padding-right: 0px; } |