- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
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
Use dropdowns with any button size using Bootstrap
Use btn-large, .btn-sm, or .btn-xs class to use dropdowns with any button size.
Let us see an example of btn-large
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"> <button type = "button" class = "btn btn-default dropdown-toggle btn-lg" data-toggle = "dropdown"> Default <span class = "caret"></span> </button> <ul class = "dropdown-menu" role = "menu"> <li><a href = "#">Action</a></li> <li><a href = "#">Another action</a></li> <li><a href = "#">Something else here</a></li> <li class = "divider"></li> <li><a href = "#">Separated link</a></li> </ul> </div> </body> </html>
- Related Articles
- Split Button Dropdowns with Bootstrap
- Segment button dropdowns in Bootstrap input groups
- Pills with Dropdowns Bootstrap Example
- Make the button size small with Bootstrap
- Make the button size large with Bootstrap
- Make the button size extra small with Bootstrap
- How to use Bootstrap Button Plugins
- Nest button groups with Bootstrap
- Disable a button with Bootstrap
- Create block level button with Bootstrap
- Create a Button Group with Bootstrap
- Create a basic button with Bootstrap
- Create a large button with Bootstrap
- Create a small button with Bootstrap
- Create a blue button (primary) with Bootstrap

Advertisements