Bootstrap 5 TutorialLesson 16Free preview

BS5 Spinners

This lesson is part of Bootstrap · All levels

Summary

Spinners are rotating loading indicators available in two styles: ring-shaped .spinner-border and expanding-shaped .spinner-grow. Its size is set by the -sm variant and its color uses the .text- utility*. Spinners are often placed inside a button that is turned off during the process.

Key points

It makes the spinner ring-shaped.
It makes spinners that get smaller and smaller.
Minor variants are available: .spinner-border-sm and .spinner-grow-sm.
The spinner color uses the utility .text-* such as .text-success.
The common spinner is placed inside the disabled button during the running process.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.