Found 641 Articles for CSS Framework

input-lg Bootstrap class

Lakshmi Srinivas
Updated on 12-Jun-2020 13:48:36

501 Views

The input-lg is used to set the height of forms in Bootstrap.You can try to run the following code to implement the input-lg Bootstrap class ExampleLive Demo           Bootstrap Example                                                                                                                .input-lg                                

Bootstrap .has-error class

karthikeya Boyini
Updated on 12-Jun-2020 13:52:44

3K+ Views

The has-error class allows you to set error for input.You can try to run the following code to implement the has-error classExampleLive Demo           Bootstrap Example                                                                      Input with error                                                                        

Bootstrap radio class

George John
Updated on 12-Jun-2020 13:54:03

373 Views

Use radio class if you want to limit the user to just one selection. Use .radio-inline class to a series of radios for controls appears on the same line.You can try to run the following code to implement the Bootstrap radio class &mminus;ExampleLive Demo           Bootstrap Forms                                       Favourite Sports                             Cricket                                                            Football                    

Bootstrap .has-warning class

Chandu yadav
Updated on 12-Jun-2020 13:56:26

497 Views

The has-warning class allows you to set warning for input.You can try to run the following code to implement has-warning class −ExampleLive Demo           Bootstrap Example                                                                      Input with warning                                                                        

Bootstrap .has-success class

Arjun Thakur
Updated on 12-Jun-2020 14:00:07

763 Views

The has-success class allows you to set success action for input −ExampleLive Demo           Bootstrap Example                                                                      Input with success                                                                        

Bootstrap Form Control States

karthikeya Boyini
Updated on 12-Jun-2020 14:00:57

348 Views

Bootstrap offers to style for disabled inputs and classes for form validation, Input FocusWhen an input receives: focus, the outline of the input is removed and a box-shadow is applied.Disabled lnputsIf you need to disable an input, simply adding the disabled attribute will not only disable it; it will also change the styling and the mouse cursor when the cursor hovers over the element.Disabled FieldsetsAdd the disabled attribute to a to disable all the controls within the at once.Validation StatesBootstrap includes validation styles for errors, warnings, and success messages. To use, simply add the appropriate class to the parent element.Read More

Create multiple select list in Bootstrap

Ankith Reddy
Updated on 12-Jun-2020 14:02:21

485 Views

To create multiple select lists in Bootstrap, use multiple,You can try to run the following code to implement multiple select −ExampleLive Demo           Bootstrap Example                                                             Country                            India                Australia                US                                

Bootstrap Form Radio Button

Samual Sam
Updated on 12-Jun-2020 13:35:40

948 Views

Use radio class if you want to limit the user to just one selection i.e. adding radio buttons. Use.radio-inline class to a series of radios for controls appear on the same line.You can try to run the following code to implement Bootstrap Forms radio buttonExampleLive Demo           Bootstrap Forms                                       Favourite TV Series                             Suits                                                            House of Cards                    

Bootstrap .form-control-static class

George John
Updated on 12-Jun-2020 13:37:05

1K+ Views

Use the class .form-control-static on a when you need to place plain text next to a form label within a horizontal form.You can try to run the following code to implement the .form-control-static class −ExampleLive Demo           Bootstrap Example                                                             Email:                            amit@example.com                                             Password:                                                            

Bootstrap .btn-xs class

Chandu yadav
Updated on 12-Jun-2020 13:39:28

769 Views

To create extra small buttons, use the .btn-xs class.You can try to run the following code to implement btn-xs class in Bootstrap −ExampleLive Demo           Bootstrap Example                                       The following are extra small buttons:                Extra small Primary button                      Extra small button          

Advertisements