Anvi Jain has Published 629 Articles

Bootstrap Small Grid

Anvi Jain

Anvi Jain

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

118 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

115 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

210 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

944 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

424 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

201 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

What are Bootstrap Transition Plugins

Anvi Jain

Anvi Jain

Updated on 12-Jun-2020 18:52:40

127 Views

Transition.js is a basic helper for transitionEnd events as well as a CSS transition emulator. It is used by the other plugins to check for CSS transition support and to catch hanging transitions.If you want to include this plugin functionality individually, then you will need transition.js once alongside the other ... Read More

Bootstrap .btn-success class

Anvi Jain

Anvi Jain

Updated on 12-Jun-2020 16:18:51

376 Views

To set a successful action in Bootstrap, use the .btn-success class.You can try to run the following code to implement btn-success class in Bootstrap −ExampleLive Demo        Bootstrap Example                                       Success Button    

What is the purpose of wrapping whole JavaScript files in anonymous functions?

Anvi Jain

Anvi Jain

Updated on 12-Jun-2020 08:58:55

745 Views

The purpose of wrapping is to a namespace and control the visibility of member functions. It wraps the code inside a function scope and decreases clashing with other libraries. This is what we call Immediately Invoked Function Expression (IIFE) or Self Executing Anonymous Function.SyntaxHere’s the syntax −(function() {    // ... Read More

Advertisements