Bootstrap Dropdowns - free

DropDown in the bootstrap is the toggle menu inside that menu we can put many hyperlinks & button for navigate pages.

Live example below ↓

How to make bootstrap dropdown

  • index.html

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Here is your title of your web-page</title> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="dropdown"> <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown click here <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">sub link 1</a></li> <li><a href="#">sub link 2</a></li> <li><a href="#">sub link 3</a></li> </ul> </div> <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"></script> </body> </html>

Above ↑ the code you need to paste inside in your code-editor & run your file in your browser.

Watch video & download working code Download zip file