Twitter bootstrap 3 MVCSiteMapProvider MVC 5和Bootstrap 3.2

我和我的团队目前正在进行一个项目。我们最初使用默认的引导版本，当时是3.0。最近，我们决定更新一些已经安装的NuGet软件包，包括MVCSiteMapProvider。然而，当我们这样做的时候，我们的导航在iPad和iPhone上崩溃时就不再工作了。它在更新之前运行良好。每当我尝试单击/轻触三栏菜单时，它会向下滑动半秒钟，然后再次向上滑动。我们不知道该怎么办

以下是如何设置我的页面：

\u Layout.cshtml:

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">

        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            @Html.ActionLink("Application Name", "Index", "Home", null, new { @class = "navbar-brand" })
        </div>

        @Html.MvcSiteMap().Menu("BootstrapMenuHelperModel")

    </div>
</div>

@model MvcSiteMapProvider.Web.Html.Models.MenuHelperModel
@using System.Web.Mvc.Html
@using MvcSiteMapProvider.Web.Html.Models

<ul id="menu" class="nav navbar-nav">
    @foreach (var node in Model.Nodes) { 
        <li>@Html.DisplayFor(m => node) 
            @if (node.Children.Any()) {
                @Html.DisplayFor(m => node.Children)
            }
        </li>
    }
</ul>

@model MvcSiteMapProvider.Web.Html.Models.MenuHelperModel
@using System.Web.Mvc.Html
@using MvcSiteMapProvider.Web.Html.Models

@helper TopMenu(List<SiteMapNodeModel> nodeList)
{
    @:<div class="collapse navbar-collapse"><ul class="nav navbar-nav">
        foreach (SiteMapNodeModel node in nodeList)
        {
            string url = node.IsClickable ? node.Url : "#";

            if(!node.Children.Any())
            {
               @:<li class="menu-item"><a href="@url">@node.Title</a></li>
            }
            else
            {
                @:<li class="menu-item dropdown"><a href="@url" class="dropdown-toggle" data-toggle="dropdown">@node.Title<b class="caret"></b></a>@DropDownMenu(node.Children)</li>
            }

            if(node != nodeList.Last())
            {
                @:<li class="divider-vertical"></li>
            }
        }
    @:</ul>@Html.Partial("_LoginPartial")</div>
}

@helper DropDownMenu(SiteMapNodeModelList nodeList)
{
    <ul class="dropdown-menu">
        @foreach(SiteMapNodeModel node in nodeList)
        {
            if(node.Title == "Separator")
            {
                @:<li class="divider"></li>
                continue;
            }

            string url = node.IsClickable ? node.Url : "#";

            if(!node.Children.Any())
            {
                @:<li class="menu-item"><a href="@url">@node.Title</a></li>
            }
            else
            {
                @:<li class="menu-item dropdown dropdown-submenu"><a href="@url" class="dropdown-toggle" data-toggle="dropdown">@node.Title</a>@DropDownMenu(node.Children)       </li>
            }
        }
    </ul>
}

@TopMenu(Model.Nodes)

.dropdown-submenu {
position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }
    /*.dropdown-submenu:hover>.dropdown-menu{display:block;}*/
    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

   .dropdown-submenu:hover > a:after {
       border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

       .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
   .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

所有其他MVCSiteMapProvider文件都是相同的

BootstrapMenuHelperModel的设置允许下拉菜单，因为它们是我们网站所必需的。我不知道在这种情况下该怎么办。我环顾四周，但没有看到任何具体的情况。正如我所说，这些文件使网站正常工作，没有任何其他修改

---

如果有人知道问题出在哪里，我将非常感谢您的帮助。

我意识到问题出在哪里。我删除了CSS文件中的媒体查询，一切正常。我猜Bootstrap3.2有问题，而3.0完全接受了它。我还没有弄清楚这一切停止运作的确切原因，但如果有人有任何想法想与我分享，我将不胜感激。这将有助于今后的参考