Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
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'); });
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)
To set large input group with Bootstrap, use the .input-group-lg class.You can try to run the following code to implement the .input-group-lg class −ExampleLive Demo Bootstrap Example Search
Use the .jumbotron class to create a padded grey box with rounded corners.You can try to run the following code to implement .jumbotron class in Bootstrap.ExampleLive Demo Bootstrap Example Welcome to my website. This is demo text. More
Use the .hidden class in Bootstrap to force an element to be hiddenExampleLive Demo Bootstrap Example This is visible. This is hidden.
Use the .form-horizontal class in Bootstrap to align labels and groups of form controls in a horizontal layout.You can try to run the following code to implement .form-horizontal class:ExampleLive Demo Bootstrap Example Name Name Submit
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
To make an element look like a heading, you can try to run the following code −ExampleLive Demo Bootstrap Example Planet Earth Asia India Hyderabad Madhapur
The panel-info class in Bootstrap is a contextual state class to form a panel more meaningful to a particular context. This adds information to a panel and is blue in color.You can try to run the following code to implement the panel-info class −ExampleLive Demo Bootstrap Example Panel Title This is a demo panel.
To add feedback icon, use the .has-feedback class in Bootstrap.You can try to run the following code to set feedback icons −ExampleLive Demo Bootstrap Example Example