From the course: Bootstrap 4 Essential Training

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Spinners

Spinners - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

Spinners

“

- [Instructor] Spinners are a cool, new component that lets you give some feedback to the user when you need them to wait. The way that you create them is by creating a container that has a class of spinner and then the type of spinner that you want to use. There's two types, border and grow. So if you say spinner-border, it looks like a circle with a missing little notch that rotates. And if you use spinner-grow, it looks like a pulsating dot. In addition to that, you can also include an optional size. By default, they are a certain size and you can make them smaller by adding -sm at the end of spinner-border or spinner-grow. If you want to colorize the spinners, you can give them a text dash and then one of the contextual color classes, which are like primary, secondary and so on and so forth. So you just add like a text-primary class to the spinner and that makes it a specific colors. So let's take a look at how they work. Here, we have the code from the previous video, where I…

Contents