Lakshmi Srinivas

Lakshmi Srinivas

233 Articles Published

Articles by Lakshmi Srinivas

Page 13 of 24

Bootstrap Form CheckBox

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

Use checkbox class if you want the user to select any number of options from a list. Use .checkbox-inline class to a series of checkboxes for controls appear on the same line.You can try to run the following code to implement Bootstrap form checkboxExample           Try v1.2 Bootstrap Online                                 Favourite Live Streaming                             Amazon Prime                                             Hotstar                    

Read More

Usage of Bootstrap label class

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

Bootstrap label class is used to add labels such as tips, count, etc.Let us see an example to implement label classExample           Bootstrap Example                                 Tools                       40                       QA                       1000                    

Read More

Bootstrap Form Input

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

The most common form text field is the input field. This is where users will enter most of the essential form data. Bootstrap offers support for all native HTML5 input types: text, password, datetime,datetime-local, date, month, time, week, number, email, url, search, tel, and color. The proper type declaration is required to make Inputs fully styled. You can try to run the following code to learn how to work with form input in BootstrapExample           Bootstrap Form Input                                                             Player                                             Rank                                

Read More

Set a container that spans the full width of the screen with Bootstrap

Lakshmi Srinivas
Lakshmi Srinivas
Updated on 11-Mar-2026 2K+ Views

Use the .container-fluid class in Bootstrap to set a container that spans the full width of the screen.You can try to run the following code to implement the container-fluid classExample           Bootstrap Example                                          Container fluid          Normal width          Width is 75%          Width is 50%          Width is 25%          

Read More

input-lg Bootstrap class

Lakshmi Srinivas
Lakshmi Srinivas
Updated on 11-Mar-2026 564 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 Example           Bootstrap Example                                                                                                                .input-lg                                

Read More

Add the default styles for the dropdown menu container in Bootstrap

Lakshmi Srinivas
Lakshmi Srinivas
Updated on 11-Mar-2026 260 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

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

Lakshmi Srinivas
Lakshmi Srinivas
Updated on 11-Mar-2026 590 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

Set active state for Bootstrap Buttons

Lakshmi Srinivas
Lakshmi Srinivas
Updated on 11-Mar-2026 2K+ Views

To set the active state for Bootstrap Buttons, use the .active class.The button will appear pressed as in the following codeExample           Bootstrap Example                                 The following are some buttons:                Default Button                      Active Button          

Read More

Hide content depending on screen size with Bootstrap

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

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

Read More

Image Thumbnail with Bootstrap

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

To add a thumbnail to the image, use the .img-thumbnail Bootstrap class.You can try to run the following code to add a thumbnail to imagesExample           Bootstrap Images                                 Styling images with Bootstrap       Original Image             Thumbnail Image          

Read More
Showing 121–130 of 233 articles
« Prev 1 11 12 13 14 15 24 Next »
Advertisements