Question

我正在使用Asp.NET和twitter bootstrap。我用NuGet来引用Bootstrap。我有一个示例页面，其中我使用以下代码

                <nav class="navbar navbar-default" role="navigation">
              <!-- Brand and toggle get grouped for better mobile display -->
              <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">My website</a>
              </div>

              <!-- Collect the nav links, forms, and other content for toggling -->
              <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav navbar-right">
                  <li><a id="A1" runat="server" href="~/">Home</a></li>
                  <li><a id="A2" runat="server" href="~/About">About</a></li>
                  <li><a id="A3" runat="server" href="~/Contact">Contact</a></li>
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Accounts<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                      <li><a href="#">Action</a></li>
                    </ul>
                  </li>
                </ul>
              </div><!-- /.navbar-collapse -->
            </nav>

但每当我点击“帐户”下拉导航栏时，弹出窗口都不会显示。事实上它没有做任何事情。

所有其他风格似乎都很好。例如，导航栏正确呈现，页脚也正常工作。

修改

我在我的母版页的head部分引用了Jquery和bootstrap.js。

以下是整个代码：Entire Code

由于

Answer 1

感谢您的帮助，但我设法解决了..我没有添加脚本popover.js的引用。我从bootstrap网站下载了脚本，现在它就像魅力一样......再次感谢！

twitter bootstrap - 导航栏中的下拉项目无法正常工作

1 个答案: