引导下拉列表不起作用

Question

我正在关注这个链接bootstrap drop down menu 来创建一个下拉菜单。当我单击按钮时，会出现一个下拉列表，当我将鼠标悬停在下拉菜单上时，只有前两个列表项可以点击，其余项目似乎被禁用/不可点击或出现问题。这是代码：

@if (Request.IsAuthenticated && Roles.IsUserInRole(User.Identity.Name, "teacher"))
{
<div class="btn-group">
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">E-portal
        <span class="caret"></span>
    </a>
    @*<div class="dropdown">
        *@
        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
            <li>@Html.ActionLink("Student", "Index", "Student")</li>
            <li>@Html.ActionLink("Teacher", "Index", "Teacher")</li>
            <li>@Html.ActionLink("Department", "Index", "Department")</li>
            <li>@Html.ActionLink("University", "Index", "University")</li>
            <li>@Html.ActionLink("Course Management", "Index", "Course")</li>
            <li>@Html.ActionLink("Class Management", "Index", "Classes")</li>
        </ul>
        @*
    </div>
    *@                                     
</div>
}

脚本：

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

我应该怎么做才能让它工作？

Answer 1

删除class=dropdown DIV..

<div class="btn-group">
    <a class="btn dropdown-toggle" data-toggle="dropdown">E-portal
        <span class="caret"></span>
    </a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
        <li>...</li>
    </ul>
</div>

http://codeply.com/go/t2GjUtK03P