Found 641 Articles for CSS Framework

Bootstrap btn-group class

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

213 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          

Add header to label sections in dropdown menu with Bootstrap

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

515 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                                                

Set disabled state for Bootstrap Buttons

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

246 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 class dropdown-header

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

255 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                                                

Align Dropdown to the right with Bootstrap

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

687 Views

To align dropdown to the right, add the class .pull-right to .dropdown-menu. You can try to run the following code to align dropdown to the rightExampleLive Demo           Bootstrap Example                                                       Cars                                                            BMW                                        Audi                                                           Hyundai                                                                           Mitsubishi                                                                           Nissan                                                

Bootstrap class pull-right

Samual Sam
Updated on 12-Jun-2020 14:45:09

2K+ Views

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

Create Dropdown menu with Bootstrap

Ankith Reddy
Updated on 12-Jun-2020 15:16:49

587 Views

To create the Dropdown menu with Bootstrap, use the .dropdown-menu class.You can try to run the following code to implement drop-down menu:ExampleLive Demo           Bootstrap Example                                                       Department                                                            IT                                        Marketing                                                           Finance                                                        Separated link                                

Bootstrap dropdown class

Lakshmi Srinivas
Updated on 12-Jun-2020 14:46:54

316 Views

Dropdown menus are toggleable, contextual menus for displaying links in a list format. To use a drop-down, just wrap the drop-down menu within the class .dropdown.You can try to run the following code to implement the dropdown class in BootstrapExampleLive Demo           Bootstrap Example                                                       Subjects                                                            Java                                        Data Mining                                                           C++                                                                    Separated link                                

Set element to center with Bootstrap

karthikeya Boyini
Updated on 12-Jun-2020 14:55:02

974 Views

Use class center-block to set an element to center.You can try to run the following code to set the element to centerExampleLive Demo           Bootstrap Example                                                       Element at center                    

Advertisements