javascript - Bootstrap Dropdown menu doesn't show -

javascript - Bootstrap Dropdown menu doesn't show -

i'm using bootstrap create dropdown menu login form, when click image login cannot dropdown menu display.

class="snippet-code-html lang-html prettyprint-override"><ul class="nav navbar-right navbar-nav"> <li> <a class="dropdown-toggle" data-toggle="dropdown" data-target=".dropdown-menu" href="#"> <img src="~/content/img/user-icon.png" /> </a> <div class="dropdown-menu" style="padding:50px;"> <form class="form" id="formlogin"> <input name="username" id="username" type="text" placeholder="username">enter code here <input name="password" id="password" type="password" placeholder="password"> <br> <button type="button" id="btnlogin" class="btn">login</button> <br> <br> <p>don't have business relationship ? <a><span style="color: blue;">sign up</span></a> </p> </form> </div> </li> <li class="divider-vertical"></li> <li> <a href="#about" class="cart"> <img src="~/content/img/shopping-cart-icon.png" /> <p id="count-item-in-sc">88</p> </a> </li> </ul>

i have added javascript , css bootstrap, why doesn't login form show?

edit

this code in fiddle here

you missing jquery reference. bootstrap requires jquery runt plugins. have added jquery reference in fiddle , menu works ok. seek it.

check out bootstrap documentation.

javascript jquery html css twitter-bootstrap