Bootstrap Demo
Bootstrap Code
Output
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div class="container"> <h3>Bootstrap dropdown in a Link</h3> <ul> <li class="dropdown" style="list-style: none;"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Tutorials and Tips <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="https://www.jquery-az.com/bootstrap-tips-tutorials/">Bootstrap</a></li> <li><a href="https://www.jquery-az.com/jquery-tips/">jQuery</a></li> <li><a href="https://www.jquery-az.com/php-tutorials/">PHP</a></li> <li class="divider"></li> <li><a href="https://www.jquery-az.com/css-tutorials/">CSS</a></li> <li class="divider"></li> <li><a href="https://www.jquery-az.com/html-tutorials/">HTML</a></li> </ul> </li> </ul> <h3>Bootstrap dropdown in a Button</h3> <ul> <li class="dropdown" style="list-style: none;"> <button class="dropdown dropdown-toggle" data-toggle="dropdown">Products <b class="caret"></b></button> <ul class="dropdown-menu"> <li><a href="https://www.jquery-az.com/bootstrap-tips-tutorials/">Bootstrap</a></li> <li><a href="https://www.jquery-az.com/jquery-tips/">jQuery</a></li> <li><a href="https://www.jquery-az.com/php-tutorials/">PHP</a></li> <li class="divider"></li> <li><a href="https://www.jquery-az.com/css-tutorials/">CSS</a></li> <li class="divider"></li> <li><a href="https://www.jquery-az.com/html-tutorials/">HTML</a></li> </ul> </li> </ul> </div> </body> </html>
Bootstrap dropdown in a Link
Tutorials and Tips
Bootstrap
jQuery
PHP
CSS
HTML
Bootstrap dropdown in a Button
Products
Bootstrap
jQuery
PHP
CSS
HTML