title: Bootstrap Dropdown menu doesn't show
body: <p>I'm using bootstrap to make a dropdown menu for login form, but when I click the image for login I cannot get the dropdown menu to display.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul class="nav navbar-right navbar-nav"&gt;
    &lt;li&gt;
      &lt;a class="dropdown-toggle" data-toggle="dropdown" data-target=".dropdown-menu" href="#"&gt;
        &lt;img src="~/Content/img/user-icon.png" /&gt;
      &lt;/a&gt;
      &lt;div class="dropdown-menu" style="padding:50px;"&gt;
        &lt;form class="form" id="formLogin"&gt;
          &lt;input name="username" id="username" type="text" placeholder="Username"&gt;enter code here
          &lt;input name="password" id="password" type="password" placeholder="Password"&gt;
          &lt;br&gt;
          &lt;button type="button" id="btnLogin" class="btn"&gt;Login&lt;/button&gt;
          &lt;br&gt;
          &lt;br&gt;
          &lt;p&gt;Don't have an account ? &lt;a&gt;&lt;span style="color: blue;"&gt;Sign Up&lt;/span&gt;&lt;/a&gt;
          &lt;/p&gt;
  
        &lt;/form&gt;
      &lt;/div&gt;
    &lt;/li&gt;
    &lt;li class="divider-vertical"&gt;&lt;/li&gt;
    &lt;li&gt;
      &lt;a href="#about" class="cart"&gt;
        &lt;img src="~/Content/img/shopping-cart-icon.png" /&gt;
        &lt;p id="count-item-in-sc"&gt;88&lt;/p&gt;
      &lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have added javascript and css from bootstrap, why doesn't my login form show?</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>this is my code in fiddle <a href="http://jsfiddle.net/20jttkzh/" rel="noreferrer">here</a></p>