Bootstrap导航器不会关闭

时间:2016-11-12 17:25:23

标签: html css twitter-bootstrap

我知道还有其他帖子有相同的主题,但我尝试了很多但仍然遇到了问题。

我可以完美地打开导航,但是当我想关闭它时,它只是闪烁,而且它根本不会关闭。

<nav class="navbar navbar-default">
@*navbar navbar-default*@
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu-collapse" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <p class="hidden-sm hidden-md hidden-lg">@Model.Content.Name</p>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="menu-collapse">
        <ul class="nav navbar-nav">
            @foreach (var item in selection)
            {
                if (item.Children.Count() > 0)
                {
                    <li class="dropdown @(item.Id == Model.Content.Id ? "current" : null)">
                        <a href="@item.Url">@item.Name.ToUpper()</a>
                        <ul class="dropdown-menu">
                            @foreach (var child in item.Children)
                            {
                                <li class="@(item.Id == Model.Content.Id ? "current" : null)">
                                    <a href="@child.Url">@child.Name.ToUpper()</a>
                                </li>
                            }
                        </ul>
                    </li>
                }
                else
                {
                    <li class="@(item.Id == Model.Content.Id ? "current" : null)">
                        <a href="@item.Url">@item.Name.ToUpper()</a>
                    </li>
                }
            }
        </ul>
    </div><!-- /.navbar-collapse -->

Html.RequiresCss("/css/bootstrap.min.css", 1);
Html.RequiresCss("/css/bootstrap-responsive.css", 1);


Html.RequiresJs("https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js", 0);
Html.RequiresJs("/Scripts/bootstrap.min.js", 1);

我希望有人知道会导致此错误的原因。

0 个答案:

没有答案