CSS Framework Articles

Page 18 of 45

Separate links in the dropdown menu with a thin horizontal border with Bootstrap

Samual Sam
Samual Sam
Updated on 11-Mar-2026 295 Views

Use the .divider class in Bootstrap to separate links in the dropdown menu with a thin borderExample           Bootstrap Example                                          Beverages          The following are the beverages available in India:                       Beverages                                            Gatorade                Sting                Red Bull                                Pepsi                Coca Cola                                

Read More

Disable a pagination link with Bootstrap

karthikeya Boyini
karthikeya Boyini
Updated on 11-Mar-2026 1K+ Views

Use the .disabled class in Bootstrap with the .pagination to disable a pagination link.You can try to run the following code to disable pagination linkExample           Bootstrap Example                                              Java Tutorial          The following are the lessons of Java Tutorial:                       1             2             3             4             5             6             7             8                    

Read More

Add the default styles for the dropdown menu container in Bootstrap

Lakshmi Srinivas
Lakshmi Srinivas
Updated on 11-Mar-2026 255 Views

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

Read More

Bootstrap progress class

karthikeya Boyini
karthikeya Boyini
Updated on 11-Mar-2026 235 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 BootstrapExample           Bootstrap Example                                                       90% Complete                    

Read More

Add a fading effect when closing an alert box in Bootstrap

Rishi Rathor
Rishi Rathor
Updated on 11-Mar-2026 372 Views

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

Read More

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

Lakshmi Srinivas
Lakshmi Srinivas
Updated on 11-Mar-2026 581 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 BootstrapExample           Bootstrap Example                                                       Email:                            amit@demo.com                                

Read More

Container for form input and label with Bootstrap

George John
George John
Updated on 11-Mar-2026 893 Views

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

Read More

Make a <form> left-aligned with Bootstrap

Samual Sam
Samual Sam
Updated on 11-Mar-2026 3K+ 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 classExample           Bootstrap Example                                                       Name                                             Name                                Submit          

Read More

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

Nancy Den
Nancy Den
Updated on 11-Mar-2026 2K+ 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:Example           Bootstrap Example                                                       Name                                             Name                                Submit          

Read More

Add feedback icons for inputs with Bootstrap

Arjun Thakur
Arjun Thakur
Updated on 11-Mar-2026 916 Views

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

Read More
Showing 171–180 of 445 articles
« Prev 1 16 17 18 19 20 45 Next »
Advertisements