Use the .alert-danger class in Bootstrap to create a red color alert box indicating dangerous action.You can try to run the following code to implement .alert-danger class −ExampleLive Demo        Bootstrap Example                                                       Danger!             Add dangerous action here...                    

Follow the below given steps to create a progress bar with different styles −Add a with a class of .progress.Next, inside the above , add an empty with a class of .progress-bar and class progress-bar-* where * could be success, info, warning, danger.Add a style attribute with the width expressed as a percentage. Say, for example, style = "60%"; indicates that the progress bar was at 60%.The progress bars created below are for showing positive action and key information −ExampleLive Demo           Bootstrap Example                                 Progress Bars                             90% Complete (Sucess)                                             30% Complete (info)                    

Use the .active class to add gray background color to the active list item in a list group in Bootstrap.You can try to run the following code to add background color to the active list item −ExampleLive Demo           Bootstrap Example                                          Features of Java                       Interface             Multi-threading             Packages             Collection             Serialization                    

To add gray background color to the active link, use the .active class in Bootstrap.You can try to run the following code to implement .active class −ExampleLive Demo           Bootstrap Example                                                                      Website                                        Home                Tutorials                Quiz                                            Demo          This is demo text.          

Use the .modal-lg class in Bootstrap to set large modal with more width.You can try to run the following code to set large modal;ExampleLive Demo           Bootstrap Example                                          Examination          Result                                                                                    ×                      Warning                                                          If JavaScript isn't enabled in your web browser, then you may not be able to see the result.                                                          Close                                                                  

To add a shadow to an element in Bootstrap, use the .shadow class in Bootstrap 4.You can try to run the following code to add shadow to an element −ExampleLive Demo           Bootstrap Example                                          Learning          Try programming examples          Try programming examples          Play Quiz and check your knowledge          

To disable to dropdown item in Bootstrap, use the .disabled class with the .dropdown-menu class.You can try to run the following code to disable dropdown item −ExampleLive Demo           Bootstrap Example                                          Beverages          The following are the beverages available in India:                       Beverages                                        Gatorade                Sting                Red Bull                Pepsi                Coca Cola                                

To set the footer of the Bootstrap modal, use the .modal-footer class.You can try to run the following code to implement the modal-footer class −ExampleLive Demo           Bootstrap Example                                          Examination          Result                                                                              ×                      Warning                                                          If JavaScript isn't enabled in your web browser, then you may not be able to see the result.                                                          Close                                                                  

To set the header of the Bootstrap modal, use the .modal-header class.You can try to run the following code to implement the modal-header class −ExampleLive Demo           Bootstrap Example                                          Examination          Result                                                                              ×                      Warning                                                          If JavaScript isn't enabled in your web browser, then you may not be able to see the result.                                                          Close                                                                  

Use the .modal-dialog class in Bootstrap to set the width and margin of the modal.You can try to run the following code to implement .modal-dialog class −ExampleLive Demo           Bootstrap Example                                          Web Browser          More                                                                              ×                      Warning                                                          If JavaScript isn't enabled in your web browser, then you may not be able to see this information correcty.                                                          Close