Found 6710 Articles for Javascript

Split Button Dropdowns with Bootstrap

Daniol Thomas
Updated on 12-Jun-2020 15:51:10

533 Views

Split button dropdowns use the same general style as the dropdown button but add a primary action along with the dropdown. Split buttons have the primary action on the left and a toggle on the right that displays the dropdown.ExampleYou can try to run the following code to split button dropdowns −Live Demo           Bootstrap Example                                          Admissions                                   Toggle Dropdown                                 Masters             Bachelors                                Faculty                                   Toggle Dropdown                                 Management             Technical             Staff                    

Bootstrap Button Group Classes

karthikeya Boyini
Updated on 12-Jun-2020 15:10:57

201 Views

Use the class .btn-group to work with Bootstrap Button Group Class. You can try to run the following code to form button groupExampleLive Demo           Bootstrap Example                                 The following are the buttons:                A          B          C          

Clearfix Bootstrap class

George John
Updated on 12-Jun-2020 14:58:47

352 Views

Use the .clearfix class to clear the float of any element in Bootstrap.ExampleYou can try to run the following code to implement the clearfix class:Live Demo           Bootstrap Example                                                       Quick Float to left                                 Quick Float to right                    

Clear the float of an element with Bootstrap

Lakshmi Srinivas
Updated on 12-Jun-2020 14:59:29

582 Views

To clear the float of an element, use the .clearfix Bootstrap class.ExampleYou can try to run the following code to clear float of an elementLive Demo           Bootstrap Example                                                       left                                 right                    

img-rounded Bootstrap class

George John
Updated on 12-Jun-2020 14:37:56

299 Views

Use the img-rounded Bootstrap class to style your image and give it rounded corners:ExampleLive Demo           Bootstrap Images                                 Styling images with Bootstrap       Original Image             Rounded Image          

Add sizes for Bootstrap Buttons

Arjun Thakur
Updated on 12-Jun-2020 14:26:25

251 Views

To add size for buttons in Bootstrap, try the following classes:ClassDescription.btn-lgThis makes the button size large..btn-smThis makes the button size small..btn-xsThis makes the button size extra small..btn-blockThis creates block level buttons—those that span the full width of a parent.ExampleYou can try to run the following code to create a small button −Live Demo           Bootstrap Example                                                  Small button          

Bootstrap Form TextArea

Lakshmi Srinivas
Updated on 12-Jun-2020 14:09:30

3K+ Views

The textarea is used when you need multiple lines of input. You can try to run the following code to work with textarea in Bootstrap FormsExampleLive Demo           Bootstrap Forms                                                             Player                                             Rank                                             Player Details                                

Set heights and widths of forms with Bootstrap

Chandu yadav
Updated on 12-Jun-2020 13:49:34

2K+ Views

Use classes like .input-lg and .col-lg-* to set the height and width of forms.ExampleYou can try to run the following code to set the form height and width −Live Demo           Bootstrap Example                                                                                                                                                                                .input-lg                                                            Default select                                                            .input-sm                                                                                                                                                                            

Bootstrap Form select

Samual Sam
Updated on 12-Jun-2020 13:55:03

394 Views

A select is used when you want to allow the user to pick from multiple options, but by default, it only allows one.Use for list options with which the user is familiar, such as states or numbers.Use multiple = "multiple" to allow the users to select more than one option.ExampleYou can try to run the following code to implement Bootstrap form selectLive Demo           Bootstrap Example                                                             Country                            India                Australia                US                                

Bootstrap Validation States

Lakshmi Srinivas
Updated on 12-Jun-2020 13:58:42

419 Views

Bootstrap includes validation styles for errors, warnings, and success messages. To use, simply add the appropriate class (.has-warning, .has-error, or .has-success) to the parent element.ExampleYou can try to run the following code to implement the validation statesLive  Demo           Bootstrap Example                                                       Focused                                                                         Disabled                                                                                                           Disabled input (Fieldset disabled)                                                                                                                             Disabled select menu (Fieldset disabled)                                                                        Disabled select                                                                                              Input with success                                                                                                    Input with warning                                                                                                    Input with error                                                                        

Advertisements