Found 626 Articles for CSS Framework

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                    

Create Three Equal Columns with Bootstrap grid Layout

Chandu yadav
Updated on 09-Feb-2022 07:23:05

994 Views

To create three equal columns layout with Bootstrap Grid Layout, you can try to run the following code −Example           Bootstrap Example                              Bootstrap Grid                       Column One             Column Two             Column Three                     Output

How to use Bootstrap Alert Plugins

Vrundesha Joshi
Updated on 12-Jun-2020 21:51:19

96 Views

Alert messages are used to display information such as warning or confirmation messages to the end users. You can try to run the following code to implement alert plugins in Bootstrap −ExampleLive Demo            Bootstrap Example                                          ×          Success! the result is successful.                      $(function(){             $("#myAlert").bind('closed.bs.alert', function () {                alert("Alert message box is closed.");             });          });          

Container for embedded content (16:9 aspect ratio) in Bootstrap

Samual Sam
Updated on 12-Jun-2020 21:52:56

270 Views

Use the .embed-responsive class in Bootstrap to set a container for embedded content.For 16:9 aspect ratio for the embedded content, use the embed-responsive-16by9 classExampleLive Demo           Bootstrap Example                                          Eclipse Refactoring          To refactor code in Eclipse, try the below given steps in the video:                                          

Set a dropup menu upwards with Bootstrap

Arjun Thakur
Updated on 12-Jun-2020 21:54:49

271 Views

Use the .dropup class in Bootstrap to set a dropup menu upwards.You can try to run the following code to implement the .dropup class −ExampleLive Demo           Bootstrap Example                                          Mobile Phones          The following are the mobile phone brands available in India:                       Companies                                        Apple                Samsung                Oppo                Nokia                                

Right align a Bootstrap dropdown menu

Jennifer Nicholas
Updated on 12-Jun-2020 21:56:35

1K+ Views

Use the .dropdown-menu-right class in Bootstrap to right align a dropdown menu −ExampleLive Demo           Bootstrap Example                                          Mobile Phones          The following are the mobile phone brands available in India:                       Companies                                        Apple                Samsung                Oppo                                

Add the default styles for the dropdown menu container in Bootstrap

Lakshmi Srinivas
Updated on 12-Jun-2020 21:25:14

170 Views

Use the .dropdown-menu class in Bootstrap to add the default styles for the dropdown menu containerExampleLive Demo           Bootstrap Example                                          Mobile Phones          The following are the mobile phone brands available in India:                       Companies                                            Apple                Samsung                Oppo                Nokia                                

Advertisements