--- title: "How to create a loader with Bootstrap? How to create a loader button with the help of Bootstrap classes?" description: "How to create a loader with Bootstrap? How to create a loader button with the help of Bootstrap classes?" author: "Ethan Karla" published: 2021-07-28 canonical: https://answers.mindstick.com/qa/93862/how-to-create-a-loader-with-bootstrap-how-to-create-a-loader-button-with-the-help-of-bootstrap-classes category: "web application" tags: ["web development", "web application development"] reading_time: 3 minutes --- # How to create a loader with Bootstrap? How to create a loader button with the help of Bootstrap classes? How to create a [loader](https://www.mindstick.com/forum/156549/css-loader) with [Bootstrap](https://www.mindstick.com/articles/43948/top-free-resources-for-learning-and-perfecting-bootstrap-programming)? How to create a loader [button](https://www.mindstick.com/articles/63/how-to-add-button-in-datagridview-in-csharp-dot-net) with the help of [Bootstrap classes](https://www.mindstick.com/forum/156617/collapsible-navbar-with-logo-with-the-help-of-bootstrap-classes)? ## Answers ### Answer by Ravi Vishwakarma When we open our website or any page inside it, we see a circular circle rotating which we call loader, in bootstrap we also call loader as a spinner which we can use in our website. to create a spinner/loader, use the **.spinner-border** and **.spinner-grow** classes, spinner default color is **.text-light**. if we want to change the spinner color then use the **' .text-* '** class. ``` ``` > spinner-border-sm -> used for small spinner\ > spinner-grow-sm -> used for small grow spinner **Example** \ ```                         Spinner demo    
       
                        this is .spinner-border class        
       
                        this is .spinner-grow class        
       
           

Some basic details

           
                                           
           
                                           
                               
   
            ``` Output ![How to create a loader with Bootstrap? How to create a loader button with the help of Bootstrap classes?](https://answers.mindstick.com/questionanswer/86a4cc5c-ab5c-43fd-8a8e-684d0158daf9/images/c5eb43f8-5d0a-4b7d-8b3a-349dd8633920.png) \ --- Original Source: https://answers.mindstick.com/qa/93862/how-to-create-a-loader-with-bootstrap-how-to-create-a-loader-button-with-the-help-of-bootstrap-classes Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.