Spinner

Bootstrap Spinner is animation that is used to keep visitors entertained while the page is still loading, which helps to increase the user experience.

Spinner Types

html

<div class="spinner">loading...</div>
<div class="spinner text-danger">loading...</div>
<div class="spinner text-info">loading...</div>
<div class="spinner text-warning">loading...</div>
<div class="spinner text-secondary">loading...</div>
<div class="spinner text-success">loading...</div>>

Multicolor Spinner

html

<div class="spinner spinner-muilticolor">loading...</div>

Size Variations

html

<div class="spinner spinner-lg text-info">loading...</div>
<div class="spinner text-primary">loading...</div>
<div class="spinner spinner-sm text-success">loading...</div>