在 asp.net 核心中折叠导航栏列表不起作用答案

【问题标题】：collapse navbar list in asp.net core is not working在 asp.net 核心中折叠导航栏列表不起作用
【发布时间】：2020-06-30 22:04:58
【问题描述】：

我正在尝试折叠导航栏列表，但没有成功。

<!DOCTYPE html>

<html lang="en">
<head>

    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>

    <link href="~/lib/bootstrap/css/bootstrap.css" rel="stylesheet" />
        <script src="~/lib/jquery/jquery.js"></script>
        <script src="~/lib/bootstrap/js/bootstrap.js"></script>
</head>
<body>
    <div class="container">
        <div class="navbar navbar-expand-sm bg-dark navbar-dark" >
            <img src="https://lh3.googleusercontent.com/sP-cLnVHgvWmW255EghS2d9CnDEvUpY_ZXYaQ7gYsffIC-LFx0QewraeWtgOjJZeynAc=s180-rw" height="30" width="30" />
           <button type="button" class="navbar-toggler " data-toggle="collapse" data-target="navbarlist">
               <span class="navbar-toggler-icon "></span>
           </button>
            <div class="collapse navbar-collapse" id="navbarlist">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a asp-action="details" asp-controller="home" class="nav-link">list</a>
                    </li>
                    <li class="nav-item">
                        <a asp-action="Index" asp-controller="home" class="nav-link">create</a>
                    </li>
                </ul>
            </div>

        </div>

        <div>
            @RenderBody()
        </div>
    </div>

</body>
</html>

你可以看到我安装了 bootstrap 和 jquery。

我也尝试使用引导站点中的 cdn，但它也不起作用。

【问题讨论】：

这是一个关于 Bootstrap、CSS 和样式的问题，而不是 ASP.NET Core。您使用的是哪个 Bootstrap 和 ASP.NET Core 版本？您检查浏览器控制台是否有任何错误？
解决方案对您有用吗？

标签： c# asp.net-mvc asp.net-core

【解决方案1】：

您需要提供正确的路径

改变你的路径

<link href="~/lib/bootstrap/css/bootstrap.css" rel="stylesheet" />

到

 <link href="~/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />

【讨论】：