Anvi Jain has Published 569 Articles

Add Red label with Bootstrap

Anvi Jain

Anvi Jain

Updated on 12-Jun-2020 22:35:05

566 Views

Use .label-danger class in Bootstrap to add red colored label.You can try to run the following code to implement the .label-danger class −ExampleLive Demo           Bootstrap Example                                          If you find any issues, click below          Danger          

Add green label (stating success) with Bootstrap

Anvi Jain

Anvi Jain

Updated on 12-Jun-2020 22:33:14

265 Views

Use .label-success class in Bootstrap to add green label.You can try to run the following code to implement the .label-success class −ExampleLive Demo           Bootstrap Example                                          Success label          Success          

Bootstrap well-lg class

Anvi Jain

Anvi Jain

Updated on 12-Jun-2020 22:22:28

172 Views

Change the size of well using the optional classes such as, well-lg or well-lg. These classes are used in conjunction with .well class.You can try to run the following code to implement well-lg class in Bootstrap −ExampleLive Demo           Bootstrap Example                                 This has more space!       This has less space!    

Bootstrap Small Grid

Anvi Jain

Anvi Jain

Updated on 12-Jun-2020 22:17:00

208 Views

To create a Bootstrap Grid for small devices is what we call small gridYou can try to run the following code to implement this −ExampleLive Demo           Bootstrap Example                           ... Read More

How to use Bootstrap Dropdown Plugins

Anvi Jain

Anvi Jain

Updated on 12-Jun-2020 22:14:29

196 Views

Using Dropdown plugin you can add dropdown menus to any components like navbars, tabs, pills and buttons.Let us see an example of dropdown plugins in Bootstrap −ExampleLive Demo           Bootstrap Example                                                       TutorialsPoint                                                Quiz                QA                                   Tutorials                                        C                      C++                      Java                                            PHP                                            Android                                                                              $(function(){             $(".dropdown-toggle").dropdown('toggle');          });          

Make an element invisible with Bootstrap

Anvi Jain

Anvi Jain

Updated on 12-Jun-2020 22:13:27

284 Views

To make an element invisible with Bootstrap, use the invisible class.You can try to run the following code to hide an element −ExampleLive Demo           Bootstrap Example                                          Cricket Boards          The ICC governs cricket boards.          BCCI is also governed by ICC. (This element is invisible)          

Disable a list item in a Bootstrap list group

Anvi Jain

Anvi Jain

Updated on 12-Jun-2020 21:34:22

1K+ Views

Use the .disabled class in Bootstrap to disable a list item in a list group in Bootstrap.You can try to run the following code to disable a list item −ExampleLive Demo           Bootstrap Example                                          Beverages                       Gatorade             Coca Cola             Pepsi             Sting                    

Container for checkboxes in Bootstrap

Anvi Jain

Anvi Jain

Updated on 12-Jun-2020 21:02:54

566 Views

Add checkbox to a web page with Bootstrap, using the .checkbox class in BootstrapYou can try to run the following code to set container for checkboxes −ExampleLive Demo           Bootstrap Example                                          Programming Survey          Which programming languages do you like?                                      Java                                        C++                                        C                                

Create a light-blue alert box that indicates some information with Bootstrap

Anvi Jain

Anvi Jain

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

303 Views

Use the .alert-info class to create a light-blue alert box indicating some information.You can try to run the following code to implement .alert-info class in Bootstrap −ExampleLive Demo           Bootstrap Example                                                       Information!             Add information here...                    

Set small modal in Bootstrap

Anvi Jain

Anvi Jain

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

1K+ Views

Use the .modal-sm class in Bootstrap to set small modal with less width.You can try to run the following code to implement the .modal-sm class −ExampleLive Demo           Bootstrap Example                         ... Read More

Advertisements