Found 626 Articles for CSS Framework

Create a Button Group with Bootstrap

Chandu yadav
Updated on 12-Jun-2020 15:57:13

178 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          

Vertical Buttongroup with Bootstrap

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

81 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

188 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

86 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

465 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

128 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

380 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

167 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

1K+ 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

158 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                                                

Advertisements