Boostrap Spinners
PBS 70a

Some sample Bootstrap Spinner components.

A Border & Growing Spinner

Loading... Loading...

Coloured Spinners

Loading... Loading... Loading... Loading... Loading...

Aligning Spinners

Below is a spinner centred using Bootstrap's text utilities.

Loading...

While the spinner below is centred using Bootstrap's Flexbox utilities.

Loading...

The Flexbox utilities allows for more powerful layouts too.

Loading …

Spinner Sizes

A small and default border spinner.

Loading... Loading...

A small and default growing spinner.

Loading... Loading...

Spinners in Buttons

Below is a button that disables and replaces the text when clicked.

Below is a button that changes the text and shows a spinner when clicked.