Bootstrap Articles - Page 57 of 70

Use the class .btn-group to create a button group. You can try to run the following code to implement the btn-group class:ExampleLive Demo           Bootstrap Example                                 The following are the buttons:                One          Two          

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 a vertical button groupExampleLive Demo           Bootstrap Example                                          BCA          B.Tech                                      Masters                span class = "caret">                                        MCA                MBA                M.Tech                M.COM                                

Use the .img-thumbnail Bootstrap class to add thumbnail to images.You can try to run the following code to implement the img-thumbnail class:Example Live Demo           Bootstrap Images                                 Styling images with Bootstrap       Original Image             Thumbnail Image          

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          

Use the img-circle Bootstrap class to style your image and make it completely round.You can try to run the following code to implement the img-circle classExampleLive Demo           Bootstrap Images                                 Styling images with Bootstrap       Original Image             Image with Rounded Corners          

Use the class .btn-group to create a button group.You can try to run the following code to implement the btn-group class −ExampleLive Demo           Bootstrap Example                                 The following are the buttons:                One          Two          

To add a header to label sections in the drop-down menu, use the dropdown-header class in Bootstrap:ExampleLive Demo           Bootstrap Example                                                       Diet                                             Vegetables                            Potato                                        Tomato                                                           Brocolli                                         Fruits                                               Apple                                                                           Kiwi                                                

Use the class .btn-group to work with Bootstrap Button Group Class. You can try to run the following code to form button groupExampleLive Demo           Bootstrap Example                                 The following are the buttons:                A          B          C          

To set disabled state, use the disabled class.You can try to run the following code for the disabled state of a button −ExampleLive Demo           Bootstrap Example                                 The following are some buttons:                Default Button                      Disabled Button          

Use carets to indicate dropdown functionality and direction. To get this functionality use the class caret with a element.You can try to run the following code to implement caret Bootstrap classExampleLive Demo           Bootstrap Example                                 Caret Example