Found 10483 Articles for Web Development

Vertical Buttongroup with Bootstrap

Samual Sam
Updated on 12-Jun-2020 15:58:37

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

img-thumbnail Bootstrap class

Krantik Chavan
Updated on 12-Jun-2020 15:59:52

282 Views

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          

Usage of Bootstrap .btn-group-* class

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

162 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          

Img-circle Bootstrap class

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

533 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 btn-group class

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

215 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

518 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

249 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

259 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

694 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                                                

Advertisements