- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Found 700 Articles for Bootstrap
![karthikeya Boyini](https://www.tutorialspoint.com/assets/profiles/13518/profile/60_31598-1537784993.jpg)
66 Views
By adding prepended and appended content to an input field, you can add common elements to the user’s input. For example, you can add the dollar symbol, the @ for a Twitter username, or anything else that might be common for your application interface.ExampleYou can try to run the following code to create Bootstrap Input GroupLive Demo Bootstrap Input Group @ .00 span class = "input-group-addon">$ .00
![Samual Sam](https://www.tutorialspoint.com/assets/profiles/13514/profile/60_83486-1512649303.jpg)
77 Views
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
![Ankith Reddy](https://www.tutorialspoint.com/assets/profiles/22328/profile/60_142162-1519038074.jpg)
195 Views
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
![Daniol Thomas](https://www.tutorialspoint.com/assets/profiles/13551/profile/60_130035-1512726078.jpg)
405 Views
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
![Arjun Thakur](https://www.tutorialspoint.com/assets/profiles/13574/profile/60_74441-1560315595.jpg)
305 Views
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
![karthikeya Boyini](https://www.tutorialspoint.com/assets/profiles/13518/profile/60_31598-1537784993.jpg)
339 Views
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