Lakshmi Srinivas has Published 315 Articles

Bootstrap alert-warning class

Lakshmi Srinivas

Lakshmi Srinivas

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

133 Views

The alert-success class in Bootstrap is used to set warning.You can try to run the following code to implement the alert-warning class in BootstrapExampleLive Demo           Bootstrap Example                                 This is Warning!.    

Usage of Bootstrap label class

Lakshmi Srinivas

Lakshmi Srinivas

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

194 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

395 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

225 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

433 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

343 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%                                

Usage of Bootstrap Media Objects

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 19:43:30

62 Views

The media object is to make the code for developing blocks of information drastically shorter.You can try to run the following code to implement media objectsExampleLive Demo           Bootstrap Example                         ... Read More

Bootstrap list-group-item class

Lakshmi Srinivas

Lakshmi Srinivas

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

307 Views

Use the list-group-item class to add an item to each element in the list group.You can try to run the following code to implement the list-group-item classExampleLive Demo           Bootstrap Example                                 Tools       The following are the tools:                Online Compiler          Image Editor          Image Optimizer          Whiteboard          

Bootstrap Collapsible link

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 19:25:02

642 Views

To create a collapsible link in Bootstrap, you can try to run the following codeExampleLive Demo           Bootstrap Example                                          More learning content          More                       We have learning content on Java, PHP, Ruby, C, C++, etc.                    

Advertisements