ASP .NET MVC补充工具栏无法正确折叠

如何解决ASP .NET MVC补充工具栏无法正确折叠

第一次来。我正在尝试通过侧边栏顶部的专用按钮折叠主页侧边栏。我尝试使用各种示例，但未能成功。当我按下按钮时，它会移动到左侧并拉动页面内容，但是侧边栏不会将自身最小化到左侧，并且除了拉伸整个页面外，基本上没有任何反应。任何帮助解决该问题的帮助将不胜感激。附加了我的_Layout和主视图（索引）。

我的_Layout代码：

def getNumbers( input ):
    # Collect Info
    compile = ""
    complete = []

    for letter in input:
        # If compiled string
        if compile:
            # If compiled and letter are same type,append letter
            if compile.isdigit() == letter.isdigit():
                compile += letter
            
            # If compiled and letter are different types,append compiled string,and begin with letter
            else:
                complete.append( compile )
                compile = letter
            
        # If no compiled string,begin with letter
        else:
            compile = letter
        
    # Append leftover compiled string
    if compile:
        complete.append( compile )
    
    # Return numbers only
    numbers = [ word for word in complete if word.isdigit() ]
        
    return numbers

主视图索引代码：

<!DOCTYPE html>
<html>
<head>
    <Meta charset="utf-8" />
    <Meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>@ViewBag.Title - My Title
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

    @*Sidebar link references*@
    <link rel="stylesheet" href="~/Content/bootstrap-reboot.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"></script>
    <link rel="stylesheet" href="~/Content/style.css">


</head>
<body>
    <a href="/Home/Home" class="navbar-brand">
        <img src="~/Content/Images/logo.png" alt="Company logo" width="150" height="100" /><br><b style="color: #008aff">
        </b><br />
    </a>
    <div class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="collapse navbar-collapse bg-dark" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav=item active">
                    @Html.ActionLink(Phrasie.Resources.Indexes.Home,"Index","Home",new { area = "" },new { @class = "nav-link" })
                    <span class="sr-only">(current)</span>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Options
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        @Html.ActionLink("NAME","Movies")
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">More options here</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">More Stuff</a>
                    </div>
                </li>
                <li class="nav-item active">@Html.ActionLink(SolutionName.Resources.Indexes.About,"About",new { @class = "nav-link" })</li>
                <li class="nav-item active">@Html.ActionLink(SolutionName.Resources.Indexes.Contact,"Contact",new { @class = "nav-link" })</li>
            </ul>
            @Html.Partial("_LanguagePartial")
        </div>
    </div>

    @*Search bar logic*@
    @using (Html.BeginForm("Index","Movies",FormMethod.Get))
    {
        <nav class="navbar navbar-light sticky-top bg-light flex-md-Nowrap p-0 shadow">
            <div class="input-group py-1 px-2 px-md-0">
                <input class="form-control form-control-dark w-100" type="text" placeholder="Search here" id="searchString" name="searchString" aria-label="Search">
                <div class="input-group-append">
                    <button class="btn btn-outline-dark my-auto" type="submit">Search</button>
                </div>
            </div>
        </nav>
    }
    <div class="container body-content">
        @RenderBody()

        <footer>
            <p>&copy; @DateTime.Now.Year - ASP.NET
        </footer>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts",required: false)

    @*Sidebar script logic*@
    <script src="~/Scripts/jquery-3.5.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="~/Scripts/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="~/Scripts/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

    <script>
        $(document).ready(function () {
            $('#sidebarCollapse').on('click',function () {
                $('#sidebar').toggleClass('active');
            });
        });
    </script>

</body>
</html>