Bootstrap 下拉菜单不显示

Question

我正在使用引导程序为登录表单制作下拉菜单，但是当我单击登录图像时，我无法显示下拉菜单。

<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 an account ? <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>

我已经从 bootstrap 添加了 javascript 和 css，为什么我的登录表单不显示？

编辑

这是我在小提琴中的代码

Answer 1

您缺少jQuery参考。Bootstrap 需要jQuery来运行其插件。我已经在你的小提琴中添加了 jQuery 参考，并且菜单工作正常。尝试一下。

查看Bootstrap 文档。