Bootstrap Demo
Bootstrap Code
Output
<!DOCTYPE html> <html lang="en"> <head> <link href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"> <h3>A demo of using with button group</h3> <div class="btn-group"> <button type="button" class="btn btn-primary">Button 1</button> <button type="button" class="btn btn-info">Button 2</button> <button type="button" class="btn btn-danger">Button 3</button> <div class="btn-group"> <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"> Hover Dropdown <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Bootstrap</a></li> <li><a href="#">jQuery</a></li> <li><a href="#">HTML</a></li> </ul> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> <script src="js/bootstrap-hover-dropdown/bootstrap-hover-dropdown.js"></script> </body> </html>
A demo of using with button group
Button 1
Button 2
Button 3
Hover Dropdown
Bootstrap
jQuery
HTML