Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Menus can also be built to drop up rather than down. To achieve this, simply add .dropup to the parent .btn-group container. You can try to run the following code set menus to drop up −ExampleLive Demo Bootstrap Example Dropdown Subject Programming Web Dev Database Networking Dropup Subject Programming Web Dev Database Networking
The btn-group-vertical class make a set of buttons appear vertically stacked rather than horizontally.You can try to run the following code to implement btn-group-vertical class:ExampleLive Demo Bootstrap Example BCA B.Tech Masters MCA MBA M.Tech M.COM
To create the Dropdown menu with Bootstrap, use the .dropdown-menu class.You can try to run the following code to implement drop-down menu:ExampleLive Demo Bootstrap Example Department IT Marketing Finance Separated link
To align dropdown to the right, add the class .pull-right to .dropdown-menu. You can try to run the following code to align dropdown to the rightExampleLive Demo Bootstrap Example Cars BMW Audi Hyundai Mitsubishi Nissan
Add a header to label sections of actions in any drop-down menu by using the class dropdown-header.You can try to run the following code to implement the dropdown-header Bootstrap classExampleLive Demo Bootstrap Example Diet Vegetables Potato Tomato Brocolli Fruits Apple Kiwi
To set disabled state, use the disabled class.You can try to run the following code for the disabled state of a button −ExampleLive Demo Bootstrap Example The following are some buttons: Default Button Disabled Button
Use carets to indicate dropdown functionality and direction. To get this functionality use the class caret with a element.You can try to run the following code to implement caret Bootstrap classExampleLive Demo Bootstrap Example Caret Example
Use the class .btn-group to work with Bootstrap Button Group Class. You can try to run the following code to form button groupExampleLive Demo Bootstrap Example The following are the buttons: A B C
To add a header to label sections in the drop-down menu, use the dropdown-header class in Bootstrap:ExampleLive Demo Bootstrap Example Diet Vegetables Potato Tomato Brocolli Fruits Apple Kiwi
Use the img-circle Bootstrap class to style your image and make it completely round.You can try to run the following code to implement the img-circle classExampleLive Demo Bootstrap Images Styling images with Bootstrap Original Image Image with Rounded Corners