- 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
Make a set of buttons appear vertically with Bootstrap
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 group
Example
<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> <script src = "/scripts/jquery.min.js"></script> <script src = "/bootstrap/js/bootstrap.min.js"></script> </head> <body> <div class = "btn-group-vertical"> <button type = "button" class = "btn btn-default">BCA</button> <button type = "button" class = "btn btn-default">B.Tech</button> <div class = "btn-group-vertical"> <button type = "button" class = "btn btn-default dropdown-toggle" data-toggle = "dropdown"> Masters <span class = "caret"></span> </button> <ul class = "dropdown-menu"> <li><a href = "#">MCA</a></li> <li><a href = "#">MBA</a></li> <li><a href = "#">M.Tech</a></li> <li><a href = "#">M.COM</a></li> </ul> </div> </div> </body> </html>
- Related Articles
- Make a Bootstrap button group appear vertically stacked
- Primary action in a set of Bootstrap buttons
- Make multiple checkboxes appear on the same line with Bootstrap
- Make a group of buttons span the entire width of the screen with Bootstrap
- Set active state for Bootstrap Buttons
- Set disabled state for Bootstrap Buttons
- Vertically stack pills with Bootstrap
- Vertically stack tabs with Bootstrap
- Group buttons on a single line with Bootstrap
- Aligning two buttons vertically in iOS
- Make a left-aligned with Bootstrap
- Preappend or Append radio buttons and checkboxes with Bootstrap
- Add sizes for Bootstrap Buttons
- Add buttons in Bootstrap Navbar
- Set the flex items vertically with CSS
Advertisements