Add a basic alert by creating a wrapper and adding a class of .alert and one of the four contextual classes, for example, .alert-success, .alert-info, .alert-warning, .alert-danger.You can try to run the following code to create an alert class −ExampleLive Demo           Bootstrap Example ... Read More

To create a table in Bootstrap, use the .table class.You can try to run the following code to create a table:Live Demo           Bootstrap Example                                                       Result                                 Top Students of batch 2017-18                                                Student                Marks                Rank                                        David                82                1                                        John                79                2                                        Tom                76                3                                

Place to active links to set Bootstrap badges in active states of pill.You can try to run the following code to achieve this −ExampleLive Demo           Bootstrap Example                                 Active State in navigations                                            29                  Home                                    Profile                                      9                Messages                                

Set small size item for pagination with the pagination-lg Bootstrap class. You can try to run the following code to implement the pagination-sm class in Bootstrap:ExampleLive Demo           Bootstrap Example                                 Coding Examples       The following are the examples:                «          Code1          Code2          Code3          Code4          Code5          »          

Use the .btn-info class to create a button for informational alert messages −ExampleLive Demo           Bootstrap Example                                       Info Button    

The .btn-primary class provides extra visual weight and identifies the primary action in a set of buttons:ExampleLive Demo           Bootstrap Example                                       Primary Button    

The Bootstrap success contextual class indicates a successful or positive action.You can try to run the following code to implement the .success class −ExampleLive Demo           Bootstrap Table                                                                      Subject                Marks                Student                                                               Maths                 90                 Amit                                             Science                 80                 Aman                                             English                 85                 Rahul                                  

To add a dropdown to a button, simply wrap the button and dropdown menu in a .btn-group.You can try to run the following code to add dropdown menu to buttons −ExampleLive Demo           Bootstrap Example                 ... Read More

To learn the usage of .btn-group-* class, you can try to run the following code:ExampleLive Demo           Bootstrap Example                                          One          Two                      Three          Four                      Five          Six          

The helper classes in Bootstrap include the pull-left,.pull-right, .center-block, and other classes.Let us see an example of .clearfix class −To clear the float of any element, use the .clearfix class −ExampleLive Demo           Bootstrap Example                                                       Quick Float to left                                 Quick Float to right