Online Forum To Support Coders With Technical Assistance - Read Write Execute

Bootstrap spinners – How to use spinners in website using bootstrap 4

Ankit Agrawal
Ankit Agrawal
Published on July 26, 2019 · 1 min read

Bootstrap spinners are used to indicate loading state of a component or page. They are built with HTML and css, that’s mean they no require any JavaScript code. We can change their size, color, appearance and alignment by using bootstrap utility classes.

Types of spinners :

1 : Border Spinner

<div class="spinner-border" role="status">
  <span class="sr-only">Loading...</span>
</div>

2 : Growing Spinner

<div class="spinner-grow" role="status">
  <span class="sr-only">Loading...</span>
</div>

Read more about bootstrap spinners

Was this article helpful?
Ankit Agrawal

Ankit Agrawal

Author & Senior Engineer at CodeExecute

Writing practical engineering guides, debugging real-world bottlenecks, and creating free tools for developer productivity.

← Previous Article Bootstrap Modal – How to stop modal from closing when clicking outside Next Article → How to install laravel via composer