Using the .table-hover class, a light gray background will be added to rows while the cursor hovers over them.You can try to run the following code to implement the table-hover class −ExampleLive Demo           Bootstrap Table                                                Footballer Rank                                      Footballer                Rank                Country                                                            Messi                1                Argentina                                        Neymar                2                Brazil                                        Ronaldo                3                Portugal                                

To create a form where all of the elements are inline, left aligned and labels are alongside, add the class .form-inline to the tag.You can try to run the following code to create an inline form in Bootstrap −ExampleLive Demo           Bootstrap Example                                                             Full Name                                             File input                                             Check me out                    Submit          

To indicate a successful action to a particular table row or cell with Bootstrap, use the .success class. You can try to run the following code to implement the .success class −ExampleLive Demo           Bootstrap Table                                                                                         Subject                   Marks                   Type                                                                           C                   65                   Programming Language                                                   PHP                   92                   Scripting Language                                                   jQuery                   80                   JavaScript Library                                                

To create a form in Bootstrap,Add a role form to the parent element.Wrap labels and controls in a with class .form-group. This is needed for optimum spacing.Add a class of .form-control to all textual , , and elements.You can try to run the following code to create a form −ExampleLive Demo           Bootstrap Forms                                                             Full Name                         Subject                                             File input                         Example block-level help text here.                                 Notification about our products                    Submit          

The following are the form layouts provided by Bootstrap −Vertical formThe basic form structure comes with Bootstrap; individual form controls automatically receive some global styling.In-line formTo create a form where all of the elements are inline, left aligned and labels are alongside, add the class .form-inline to the tagHorizontal formHorizontal forms stand apart from the others not only in the amount of markup but also in the presentation of the form

Use the nav-stacked class to set the pills vertically. Set the pills vertically using the class .nav-stacked along with the classes: .nav, .nav-pills.You can try to run the following code to set vertical pills in Bootstrap −ExampleLive Demo           Bootstrap Example                                 Subjects                Java          WordPress          JavaScript          

To indicate a dangerous action to a particular table row or cell with Bootstrap, use the .danger class. You can try to run the following code to implement the .danger class −ExampleLive Demo           Bootstrap Table                                                                                         Subject                   Marks                   Type                                                                           Java                   90                   Programming Language                                                   PHP                   92                   Scrpting Language                                                   jQuery                   80                   JavaScript Library                                                

To apply hover color to a particular table row or cell with Bootstrap, use the .active class. You can try to run the following code to implement the .active class −ExampleLive Demo           Bootstrap Table                                                                                         Subject                   Marks                   Type                                                                           C++                   70                   Programming Language                                                   PHP                   92                   Scripting Language                                                   jQuery                   80                   JavaScript Library                                                

To create a responsive table with Bootstrap, use the table-responsive class.You can try to run the following code to form a responsive table −ExampleLive Demo           Bootstrap Table                                                                                         Subject                   Marks                   Type                                                                           Java                   90                   Programming Language                                                   PHP                   92                   Scrpting Language                                                   jQuery                   80                   JavaScript Library                                                

The lead class in Bootstrap is used to add emphasis to a paragraph.You can try to run the following code to implement the lead class in Bootstrap −ExampleLive Demo           Bootstrap lead class                                       Heading Two       This is an example paragraph demonstrating the use of lead body copy.