Bootstrap Class Dropdown Header

karthikeya Boyini
Updated on 12-Jun-2020 15:14:11

270 Views

Add a header to label sections of actions in any drop-down menu by using the class dropdown-header.You can try to run the following code to implement the dropdown-header Bootstrap classExampleLive Demo           Bootstrap Example                                                       Diet                                             Vegetables                            Potato                                        Tomato                                                           Brocolli                                         Fruits                                               Apple                                                                           Kiwi                                                

Set Disabled State for Bootstrap Buttons

George John
Updated on 12-Jun-2020 15:13:00

258 Views

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          

Caret Bootstrap Class

Samual Sam
Updated on 12-Jun-2020 15:11:57

2K+ Views

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    

Bootstrap Button Group Classes

karthikeya Boyini
Updated on 12-Jun-2020 15:10:57

208 Views

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          

Add Header to Label Sections in Dropdown Menu with Bootstrap

Ankith Reddy
Updated on 12-Jun-2020 15:09:30

529 Views

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                                                

Img Circle Bootstrap Class

Lakshmi Srinivas
Updated on 12-Jun-2020 15:08:13

541 Views

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          

Bootstrap Button Group Class

Rishi Rathor
Updated on 12-Jun-2020 15:06:50

218 Views

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          

Usage of Bootstrap btn-group Class

Arjun Thakur
Updated on 12-Jun-2020 15:05:28

167 Views

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          

Bootstrap Class Center Block

karthikeya Boyini
Updated on 12-Jun-2020 15:01:45

2K+ Views

Use class center-block to set an element to center.You can try to run the following code to implement the center-block classExampleLive Demo           Bootstrap Example                                          Float to right                                   Example for center-block                    

Bootstrap Class Pull Left

Ankith Reddy
Updated on 12-Jun-2020 15:00:44

589 Views

Float an element to the left with class pull-left.You can try to run the following code to implement the pull-left class −ExampleLive Demo           Bootstrap Example                                          Float to left          

Advertisements