CSS Framework Articles

Page 7 of 45

Set disabled state for Bootstrap Buttons

George John
George John
Updated on 11-Mar-2026 307 Views

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

Read More

Align Dropdown to the right with Bootstrap

karthikeya Boyini
karthikeya Boyini
Updated on 11-Mar-2026 745 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 rightExample           Bootstrap Example                                                       Cars                                                            BMW                                        Audi                                                           Hyundai                                                                           Mitsubishi                                                                           Nissan                                                

Read More

Bootstrap btn-group class

Rishi Rathor
Rishi Rathor
Updated on 11-Mar-2026 242 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 −Example           Bootstrap Example                                 The following are the buttons:                One          Two          

Read More

Img-circle Bootstrap class

Lakshmi Srinivas
Lakshmi Srinivas
Updated on 11-Mar-2026 573 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 classExample           Bootstrap Images                                 Styling images with Bootstrap       Original Image             Image with Rounded Corners          

Read More

Usage of Bootstrap .btn-group-* class

Arjun Thakur
Arjun Thakur
Updated on 11-Mar-2026 196 Views

To learn the usage of .btn-group-* class, you can try to run the following code:Example           Bootstrap Example                                          One          Two                      Three          Four                      Five          Six          

Read More

Vertical Buttongroup with Bootstrap

Samual Sam
Samual Sam
Updated on 11-Mar-2026 172 Views

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

Read More

Use dropdowns with any button size using Bootstrap

Lakshmi Srinivas
Lakshmi Srinivas
Updated on 11-Mar-2026 157 Views

Use btn-large, .btn-sm, or .btn-xs class to use dropdowns with any button size.Let us see an example of btn-largeExample           Bootstrap Example                                                       Default                                                 Action             Another action             Something else here                         Separated link                    

Read More

Add dropdown menu to buttons using Bootstrap

Arjun Thakur
Arjun Thakur
Updated on 11-Mar-2026 429 Views

To add a dropdown to a button, simply wrap the button and dropdown menu in a .btn-group.You can try to run the following code to add dropdown menu to buttons −Example           Bootstrap Example                                                       Default                                             Action             Another action             Something else here                         Separated link                                             Primary                                             Action             Another action             Something else here                         Separated link                    

Read More

Nest button groups with Bootstrap

Ankith Reddy
Ankith Reddy
Updated on 11-Mar-2026 353 Views

Nest button groups within another button group i.e, place a .btn-group within another .btn-group. This is done when you want dropdown menus mixed with a series of buttons.To nest button groups, you can try to run the following code −Example           Bootstrap Example                                          Rank          Marks                                      Subjects                                                        Maths                Science                English                                

Read More

Set Menus to drop up with Bootstrap

Samual Sam
Samual Sam
Updated on 11-Mar-2026 188 Views

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 −Example           Bootstrap Example                                 Dropdown                             Subject                                                 Programming             Web Dev             Database             Networking                       Dropup                                            Subject                                                          Programming                Web Dev                Database                Networking                                

Read More
Showing 61–70 of 445 articles
« Prev 1 5 6 7 8 9 45 Next »
Advertisements