Bootstrap Articles

Page 42 of 49

Bootstrap block level help text

Samual Sam
Samual Sam
Updated on 12-Jun-2020 1K+ Views

Bootstrap form controls can have a block level help text that flows with the inputs. To add a full width block of content, use the .help-block after the .The following example demonstrates thisExampleLive Demo           Bootstrap Example                                          Example of Help Text                                 A longer block of help text that breaks onto a new line and may extend beyond one line.                    

Read More

col-lg-* Bootstrap class

Arjun Thakur
Arjun Thakur
Updated on 12-Jun-2020 617 Views

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

Read More

Bootstrap .btn class

karthikeya Boyini
karthikeya Boyini
Updated on 12-Jun-2020 420 Views

Use the .btn class in Bootstrap to add a button to the web page.You can try to run the following code to implement a .btn classExampleLive Demo           Bootstrap Example                                             Result    

Read More

Bootstrap Form TextArea

Lakshmi Srinivas
Lakshmi Srinivas
Updated on 12-Jun-2020 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                                

Read More

Customize links using disabled class for unclickable links

Samual Sam
Samual Sam
Updated on 12-Jun-2020 237 Views

You can try to run the following code to customize links using disabled classExampleLive Demo           Bootstrap Example                                 Coding Examples       The following are the examples:                Code1          Code2          Code3          Code4          Code5                      ← Prev          Next →          

Read More

Bootstrap .btn-lg class

karthikeya Boyini
karthikeya Boyini
Updated on 12-Jun-2020 262 Views

To make a large button, use the .btn-lg class in Bootstrap.You can try to run the following code to implement the btn-lg classExampleLive Demo           Bootstrap Example                                                Large button          

Read More

Bootstrap .btn-warning class

Chandu yadav
Chandu yadav
Updated on 12-Jun-2020 324 Views

The .btn-warning class is used to set a warning button.You can try to run the following code to implement the btn-warning class −ExampleLive Demo           Bootstrap Example                                       Warning Button    

Read More

Bootstrap .btn-link class

Ankith Reddy
Ankith Reddy
Updated on 12-Jun-2020 357 Views

Deemphasize a button by making it look like a link while maintaining button behavior using the btn-link class in Bootstrap −ExampleLive Demo           Bootstrap Example                                       Link Button    

Read More

Create multiple select list in Bootstrap

Ankith Reddy
Ankith Reddy
Updated on 12-Jun-2020 513 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                                

Read More

Bootstrap Form Control States

karthikeya Boyini
karthikeya Boyini
Updated on 12-Jun-2020 385 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
Showing 411–420 of 489 articles
« Prev 1 40 41 42 43 44 49 Next »
Advertisements