To create a tabbed navigation menu, start with a basic unordered list with the base class of .nav and add class .nav-tabs. The navigation tab looks like the following on a web page − Create a Navigation tab Create a navigation tab with nav and nav-tabs − Home About Products Contact Us Set the Current Page Above, we have set the Home as active, since we wanted it to be the current page − Home Create a Tabbed Navigation Menu with ... Read More

To preappend or append radio buttons and checkboxes instead of text, you can try to run the following code:ExampleLive Demo           Bootstrap Example                                                                                                                                                                                                                                                                                                                                                                                                                  

Use class .input-group-btn to wrap the buttons. This is required due to the default browser styles that cannot be overridden.You can try to run the following code to implement the input-group-btn class in BootstrapExampleLive Demo           Bootstrap Example                                                                                                                                                                  Go!                                                                                                                                                                                                                                        Go!                                                                                                                

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 segment button dropdowns in input groups, use the same general style as the dropdown button, but add a primary action along with the dropdown as can be seen in the following example:ExampleLive Demo           Bootstrap Example                                                                                                                                       Subject                                                                                         Toggle Dropdown                                                                                       Maths                               Science                                                                                                                                                                                                                                                                            Course                                                                                                        Toggle Dropdown                                                                            BCA                            MCA                                                                                                              

The btn-group-vertical class makes a set of buttons appear vertically stacked rather than horizontally.You can try to run the following code to work with vertical button group −ExampleLive Demo           Bootstrap Example                                          BCA          B.Tech                                      Masters                                                        MCA                MBA                M.Tech                M.COM                                

Set the navbar fixed to the top, add class .navbar-fixed-top to the .navbar class.You can try to run the following code to fix navbar to the topExampleLive Demo           Bootstrap Example                                                       Modes of Transport                                                Air Transport                Water Transport                                

Using input group you can easily prepend and append text or buttons to the text-based inputs. The same is the usage of input-group class in Bootstrap.You can try to run the following code to implement the input-group class −ExampleLive Demo           Bootstrap Example                                                                      @                                                                                       .00                                                                $                                .00                                

Change the size of the input groups, by adding the relative form sizing classes like .input-group-lg, input-group-sm, input-group-xs to the .input-group itself.You can try to run the following code to change the size of input groups in Bootstrap:ExampleLive Demo           Bootstrap Example                                                                   @                                                       @                                                       @                                

Menus can also be built to drop up rather than down. To achieve this, simply add .dropup to the parent .btn-group container. You can try to run the following code set menus to drop up:ExampleLive Demo           Bootstrap Example                                 Dropup                                            Subject                                                        Programming                Web Dev                Database                Networking