Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Use the class .btn-group to create a button group. You can try to run the following code to implement the btn-group class:ExampleLive Demo Bootstrap Example The following are the buttons: One Two
The btn-group-vertical class makes a set of buttons appear vertically stacked rather than horizontally.You can try to run the following code to make a set of buttons appear vertically with a vertical button groupExampleLive Demo Bootstrap Example BCA B.Tech Masters MCA MBA M.Tech M.COM
To add a dropdown to a button, simply wrap the button and dropdown menu in a .btn-group.You can try to run the following code to add dropdown menu to buttons −ExampleLive Demo Bootstrap Example Default Action Another action Something else here Separated link Primary Action Another action Something else here Separated link
Use btn-large, .btn-sm, or .btn-xs class to use dropdowns with any button size.Let us see an example of btn-largeExampleLive Demo Bootstrap Example Default Action Another action Something else here Separated link
Split button dropdowns use the same general style as the dropdown button but add a primary action along with the dropdown. Split buttons have the primary action on the left and a toggle on the right that displays the dropdown.ExampleYou can try to run the following code to split button dropdowns −Live Demo Bootstrap Example Admissions Toggle Dropdown Masters Bachelors Faculty Toggle Dropdown Management Technical Staff
Nest button groups within another button group i.e, place a .btn-group within another .btn-group. This is done when you want dropdown menus mixed with a series of buttons.To nest button groups, you can try to run the following code −ExampleLive Demo Bootstrap Example Rank Marks Subjects Maths Science English
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