无法在ASP.NET中获得引导下拉列表

clj7thdc  于 2023-04-22  发布在  .NET
关注(0)|答案(1)|浏览(149)

我试图在我的ASP.NET核心应用程序中创建一个下拉列表。
我的下拉列表代码直接来自getbootstrap.com

<li class="nav-item">
    <div class="dropdown">
        <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
            Dropdown button
        </button>
        <div class="dropdown-menu">
            <a class="dropdown-item" href="#">Action</a>
            <a class="dropdown-item" href="#">Another action</a>
            <a class="dropdown-item" href="#">Something else here</a>
        </div>
   </div>
</li>

但我得到的是一个按钮与下拉箭头是不工作的。
我试着遵循this stackoverflow question中提供的解决方案,但也不起作用。The button in its current state
我使用默认的样式表和javascript,根据getbootstrap.com,这应该足够了:

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - HellBotWebUI</title>
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
    <link rel="stylesheet" href="~/HellBotWebUI.styles.css" asp-append-version="true" />
</head>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
njthzxwz

njthzxwz1#

ASP.NET Core Web应用程序模板默认使用Bootstrap v5.1.0,因此您需要查看较新的docs

相关问题