Bootstrap 4 具有下拉列表id的导航栏不适用于bootstrap4

我已经通过nuget manager在visual studio中更新了引导和其他组件的版本，并且它也自动更新了捆绑包。现在，我的导航栏未按预期显示

我也手动更新了bundleconfig.cs部分。还是什么都没有。请参考以下代码和图像

我正在使用visual studio 2013/visual studio 2017

Bundle.config

    <?xml version="1.0" encoding="utf-8" ?>
        <bundles version="1.0">
         <styleBundle path="~/Content/css">
           <include path="~/Content/bootstrap.css" />
           <include path="~/Content/Site.css" />
         </styleBundle>
       </bundles>

BundleConfig.cs

    public class BundleConfig
    {
        public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new ScriptBundle("~/bundles/jquery")
                            .Include("~/Scripts/jquery-{version}.js")
                            .Include("~/Scripts/jquery-ui.min.js"));

            bundles.Add(new ScriptBundle("~/bundles/WebFormsJs").Include(
                            "~/Scripts/WebForms/WebForms.js",
                            "~/Scripts/WebForms/WebUIValidation.js",
                            "~/Scripts/WebForms/MenuStandards.js",
                            "~/Scripts/WebForms/Focus.js",
                            "~/Scripts/WebForms/GridView.js",
                            "~/Scripts/WebForms/DetailsView.js",
                            "~/Scripts/WebForms/TreeView.js",
                            "~/Scripts/WebForms/WebParts.js"));

            // Order is very important for these files to work, they have explicit dependencies
            bundles.Add(new ScriptBundle("~/bundles/MsAjaxJs").Include(
                    "~/Scripts/WebForms/MsAjax/MicrosoftAjax.js",
                    "~/Scripts/WebForms/MsAjax/MicrosoftAjaxApplicationServices.js",
                    "~/Scripts/WebForms/MsAjax/MicrosoftAjaxTimer.js",
                    "~/Scripts/WebForms/MsAjax/MicrosoftAjaxWebForms.js"));


            bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                            "~/Scripts/modernizr-*"));
            bundles.Add(new ScriptBundle("~/bundles/popper").Include(
                           "~/Scripts/popper.js"));


            ScriptManager.ScriptResourceMapping.AddDefinition(
                "respond",
                new ScriptResourceDefinition
                {
                    Path = "~/Scripts/respond.min.js",
                    DebugPath = "~/Scripts/respond.js",
                });
        }
    }
}

捆绑图
公共类BundleConfig
{
公共静态无效注册表绑定（BundleCollection绑定）
{
添加（新脚本包（“~/bundles/jquery”）
.Include（“~/Scripts/jquery-{version}.js”）
.Include（“~/Scripts/jqueryui.min.js”）；
添加（新脚本包（“~/bundles/WebFormsJs”）。包括(
“~/Scripts/WebForms/WebForms.js”，
“~/Scripts/WebForms/WebUIValidation.js”，
“~/Scripts/WebForms/MenuStandards.js”，
“~/Scripts/WebForms/Focus.js”，
“~/Scripts/WebForms/GridView.js”，
“~/Scripts/WebForms/DetailsView.js”，
“~/Scripts/WebForms/TreeView.js”，
“~/Scripts/WebForms/WebParts.js”）；
//顺序对于这些文件的工作非常重要，它们具有明确的依赖关系
添加（新脚本包（“~/bundles/MsAjaxJs”）。包括(
“~/Scripts/WebForms/MsAjax/MicrosoftAjax.js”，
“~/Scripts/WebForms/MsAjax/MicrosoftAjaxApplicationServices.js”，
“~/Scripts/WebForms/MsAjax/MicrosoftAjaxTimer.js”，
“~/Scripts/WebForms/MsAjax/MicrosoftAjaxWebForms.js”）；
添加（新脚本包（“~/bundles/modernizer”）。包括(
“~/Scripts/modernizer-*”）；
添加（新脚本包（“~/bundles/popper”）。包括(
“~/Scripts/popper.js”）；
ScriptManager.ScriptResourceMapping.AddDefinition(
“回应”，
新脚本资源定义
{
Path=“~/Scripts/respond.min.js”，
DebugPath=“~/Scripts/respond.js”，
});
}
}
}

_reference.js

/// <reference path="modernizr-2.8.3.js" />
/// <reference path="jquery-3.3.1.js" />
/// <autosync enabled="true" />
/// <reference path="bootstrap.js" />
/// <reference path="respond.js" />
/// <reference path="popper.js" />

//
/// 
///


导航栏的HTML标记

 <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" runat="server" href="~/Default"><span class="glyphicon glyphicon-home"></span></a>
                </div>

                <div class="navbar-collapse collapse">

                    <ul class="nav navbar-nav m-auto">

                         <li class="nav-item dropdown ">      
                            <a id="menuTips" runat="server" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Tips</a> 
                            <div class="dropdown-menu dropdown-default"  aria-labelledby="menuTips">
                                <a id="A1" class="dropdown-item "  runat="server" href="~/">option1</a>     
                                <a id="A2" class="dropdown-item "  runat="server" href="~/">option2</a>     
                                <a id="A3" class="dropdown-item "  runat="server" href="~/">option3</a>     
                                <a id="A4" class="dropdown-item "  runat="server" href="~/">option4</a>    
                            </div>
                        </li>     
                        <li><a runat="server" href="~/Default">Inventory</a></li>
                        <li class="nav-item dropdown ">      
                            <a id="menuHoliday" runat="server" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Holiday</a> 
                            <div class="dropdown-menu dropdown-primary myMenu "  aria-labelledby="menuHoliday">
                                <a id="A6" class="dropdown-item myDropDownItem"  runat="server" href="~/">option1</a>     
                                <a id="A7" class="dropdown-item myDropDownItem"  runat="server" href="~/">option2</a>   
                            </div>
                        </li>     
                        <li><a runat="server" href="~/">Reports</a></li>
                    </ul>                    
                    <ul class="nav navbar-nav navbar-right"> 
                        <li><a runat="server" href="~/">Follow</a></li>
                        <li><a runat="server" href="~/"><span class="glyphicon glyphicon-search"></span></a></li>
                    </ul> 
                </div>
            </div>
        </div>














问题在于导航栏的html代码。我使用的是bootstrap3.3.7版本的代码。但它似乎与Bootstrap4完全不同

从这里找到解决方案：

现在它工作正常。
发布navbar@ZimSystem在上面添加了导航条形码
 <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" runat="server" href="~/Default"><span class="glyphicon glyphicon-home"></span></a>
                </div>

                <div class="navbar-collapse collapse">

                    <ul class="nav navbar-nav m-auto">

                         <li class="nav-item dropdown ">      
                            <a id="menuTips" runat="server" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Tips</a> 
                            <div class="dropdown-menu dropdown-default"  aria-labelledby="menuTips">
                                <a id="A1" class="dropdown-item "  runat="server" href="~/">option1</a>     
                                <a id="A2" class="dropdown-item "  runat="server" href="~/">option2</a>     
                                <a id="A3" class="dropdown-item "  runat="server" href="~/">option3</a>     
                                <a id="A4" class="dropdown-item "  runat="server" href="~/">option4</a>    
                            </div>
                        </li>     
                        <li><a runat="server" href="~/Default">Inventory</a></li>
                        <li class="nav-item dropdown ">      
                            <a id="menuHoliday" runat="server" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Holiday</a> 
                            <div class="dropdown-menu dropdown-primary myMenu "  aria-labelledby="menuHoliday">
                                <a id="A6" class="dropdown-item myDropDownItem"  runat="server" href="~/">option1</a>     
                                <a id="A7" class="dropdown-item myDropDownItem"  runat="server" href="~/">option2</a>   
                            </div>
                        </li>     
                        <li><a runat="server" href="~/">Reports</a></li>
                    </ul>                    
                    <ul class="nav navbar-nav navbar-right"> 
                        <li><a runat="server" href="~/">Follow</a></li>
                        <li><a runat="server" href="~/"><span class="glyphicon glyphicon-search"></span></a></li>
                    </ul> 
                </div>
            </div>
        </div>