Web Development Articles

Page 706 of 801

Bootstrap btn-group class

Rishi Rathor
Rishi Rathor
Updated on 11-Mar-2026 257 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 593 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 206 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 183 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 171 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

Nest button groups with Bootstrap

Ankith Reddy
Ankith Reddy
Updated on 11-Mar-2026 362 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 208 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

Usage of btn-xs Bootstrap class

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

Create an extra small button using the btn-xs Bootstrap class. You can try to run the following code to implement the btn-xs class:Example           Bootstrap Example                                                       Subject                                             Programming             Web Dev             Database             Networking                    

Read More

Change the size of Bootstrap input groups

George John
George John
Updated on 11-Mar-2026 2K+ Views

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:Example           Bootstrap Example                                                                   @                                                       @                                                       @                                

Read More

Bootstrap success Contextual class

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

The Bootstrap success contextual class indicates a successful or positive action.You can try to run the following code to implement the .success class −Example           Bootstrap Table                                                                      Subject                Marks                Student                                                               Maths                 90                 Amit                                             Science                 80                 Aman                                             English                 85                 Rahul                                  

Read More
Showing 7051–7060 of 8,010 articles
« Prev 1 704 705 706 707 708 801 Next »
Advertisements