Found 700 Articles for Bootstrap

Make an element look like a heading with Bootstrap

Daniol Thomas
Updated on 12-Jun-2020 22:05:16

108 Views

To make an element look like a heading, you can try to run the following code −ExampleLive Demo           Bootstrap Example                                          Planet          Earth          Asia          India          Hyderabad          Madhapur          

Hide content depending on screen size with Bootstrap

Lakshmi Srinivas
Updated on 12-Jun-2020 22:06:19

480 Views

Use the .hidden-* class in Bootstrap to hide content depending on screen size with BootstrapExampleLive Demo           Bootstrap Example                                 This is visible.       This is hidden.       Hidden on small screen       Hidden on medium screen    

Force an element to be hidden with Bootstrap

karthikeya Boyini
Updated on 12-Jun-2020 22:09:18

94 Views

Use the .hidden class in Bootstrap to force an element to be hiddenExampleLive Demo           Bootstrap Example                                 This is visible.       This is hidden.    

Add feedback icons for inputs with Bootstrap

Arjun Thakur
Updated on 12-Jun-2020 22:03:04

612 Views

To add feedback icon, use the .has-feedback class in Bootstrap.You can try to run the following code to set feedback icons −ExampleLive Demo           Bootstrap Example                                          Example                                                      

Align labels and groups of form controls in a horizontal layout with Bootstrap

Nancy Den
Updated on 12-Jun-2020 22:08:15

1K+ Views

Use the .form-horizontal class in Bootstrap to align labels and groups of form controls in a horizontal layout.You can try to run the following code to implement .form-horizontal class:ExampleLive Demo           Bootstrap Example                                                       Name                                             Name                                Submit          

Make a
left-aligned with Bootstrap

Samual Sam
Updated on 12-Jun-2020 21:40:25

2K+ Views

Use the .form-inline class in Bootstrap to make a left aligned.You can try to run the following code to implement .form-inline classExampleLive Demo           Bootstrap Example                                                       Name                                             Name                                Submit          

Container for form input and label with Bootstrap

George John
Updated on 12-Jun-2020 21:38:31

629 Views

Use the .form-group class in Bootstrap to set a container for form input and label &minusExampleLive Demo           Bootstrap Example                                                       Student Name                                          Upload Resume                        Example block-level help text here.                 Next          

Add plain text next to a form label within a form with Bootstrap

Lakshmi Srinivas
Updated on 12-Jun-2020 21:43:27

371 Views

To add plain text to a form label within a form, use the .form-control-static in Bootstrap.You can try to run the following code to implement a .form-control-static class in BootstrapExampleLive Demo           Bootstrap Example                                                       Email:                            amit@demo.com                                

Add a fading effect when closing an alert box in Bootstrap

Rishi Rathor
Updated on 12-Jun-2020 21:41:44

185 Views

Use the .fade class in Bootstrap to add a fading effect when the alert is closed:ExampleLive Demo           Bootstrap Example                                          Eclipse Refactoring                       ×             To refactor code in Eclipse, try the below given steps in the video (You can also close this alert)                                                                

Bootstrap progress class

karthikeya Boyini
Updated on 12-Jun-2020 21:49:14

118 Views

Use the .progress class in Bootstrap to create a progress bar. The class is a container for progress bars.You can try to run the following code to implement progress class in BootstrapExampleLive Demo           Bootstrap Example                                                       90% Complete                    

Advertisements