Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Use class .input-group-btn to wrap the buttons. This is required due to the default browser styles that cannot be overridden.You can try to run the following code to implement the input-group-btn class in BootstrapExampleLive Demo Bootstrap Example Go! Go!
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 work with a vertical button groupExampleLive Demo Bootstrap Example BCA B.Tech Masters span class = "caret"> 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 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
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