Lakshmi Srinivas has Published 260 Articles

Hide content depending on screen size with Bootstrap

Lakshmi Srinivas

Lakshmi Srinivas

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

708 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    

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

Lakshmi Srinivas

Lakshmi Srinivas

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

577 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 the default styles for the dropdown menu container in Bootstrap

Lakshmi Srinivas

Lakshmi Srinivas

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

251 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                                

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

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 21:16:41

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 classExampleLive Demo           Bootstrap Example                                          Container fluid          Normal width          Width is 75%          Width is 50%          Width is 25%          

Usage of Bootstrap label class

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 21:01:32

284 Views

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

Create a button look like a link with Bootstrap

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 20:51:27

5K+ Views

Use the .btn-link class in Bootstrap to create a button look like a link.You can try to run the following code to implement a .btn-link classExampleLive Demo           Bootstrap Example                                 The following are FMCG companies:                ITC Limited          Colgate-Palmolive          Nestle          Britannia Industries Limited          

Bootstrap panel-title class

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 20:39:23

698 Views

Add panel title in Bootstrap to add a title to the panel using the .panel-title class.You can try to run the following code to implement the .panel-title classExampleLive Demo           Bootstrap Example                                                                      Panel with title                                             Panel content                    

Add a heading container to Bootstrap panel

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 20:30:13

339 Views

To add heading container to the panel in Bootstrap, use the .panel-heading classExampleLive Demo           Bootstrap Example                                                       Panel heading                                 Panel content                    

Create a yellow color alert box that indicates caution in Bootstrap

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 20:19:19

741 Views

To create a yellow color alert box indicating a warning action, use the alert-warning class.To implement an alert-warning class, you need to try to run the following codeExampleLive Demo           Bootstrap Example                                          Indicates a positive action!                      Indicates warning!          

Animate a striped progress bar in Bootstrap

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 20:00:36

520 Views

To animate a striped progress bar, use the .active class with the .progress-bar class in Bootstrap.You can try to run the following code to animate a striped progress barExampleLive Demo           Bootstrap Example                                          Level          The level of water in meters:                                      20%                                

Previous 1 ... 6 7 8 9 10 ... 26 Next
Advertisements