To create a green color alert box indicating a positive action, use the alert-success class.To implement an alert-success class, you need to try to run the following code −ExampleLive Demo           Bootstrap Example                                          Indicates a positive action!          

A well is a container in that causes the content to appear sunken or an inset effect on the page. To create a well, simply wrap the content that you would like to appear in the well with a containing the class of .well.You can try to run ... Read More

Use the .alert-link utility class to get matching colored links within any alert.You can try to run the following code to get links in alerts with Bootstrap. Let us set it for success and info −ExampleLive Demo           Bootstrap Example                                          Success! Well done its submitted.                      Information!          

The collapsible button is used in Bootstrap to create a collapsible that can be shown or hidden on click.You can try to run the following code to create a collapsible button:ExampleLive Demo           Bootstrap Example                 ... Read More

To include list groups within Bootstrap panel, create a panel by adding class .panel to the element.Also, add class .panel-default to this element. Now within this panel include your list groups.ExampleLive Demo           Bootstrap Example                                          Tutorials                       List of tutorials                                 C             Java             Ruby             C++                    

With Bootstrap, you can easily add heading to thumbnails.You can try to run the following code to add HTML headings −ExampleLive Demo           Bootstrap Example                                                                                                              Thumbnail Heading                                

To create tabs with Bootstrap, use the .nav and .nav-tabs classes. With that use the .dropdown-menu class.Start with a basic unordered list with the base class of .nav Add the class .nav-tabs.Now add an unordered list with a .dropdown-menu class.You can try to run the following code to create tabs with ... Read More

Set a dangerous or potentially negative action to a button using btn-danger class.ExampleLive Demo           Bootstrap Example                                       Danger Button    

To size Bootstrap pagination-* class, use the pagination-lg and pagination-sm class.You can try to run the following code to size pagination −ExampleLive Demo           Bootstrap Example                                 Questions       Large Pagination                «          Q1          Q2          Q3          Q4          Q5          »                   Small Pagination                «          Q1          Q2            Q3          Q4          Q5          »          

To add responsive features to the navbar, the content that you want to be collapsed needs to be wrapped in a with classes .collapse, .navbar-collapse.You can try to run the following code toExampleLive Demo           Bootstrap Example                                                                      Toggle navigation                                                                               Tools                                                Online Compiler                Image Editor                                                        Whiteboard                                                                                Image Optimizer