我试图在我的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>
1条答案
按热度按时间njthzxwz1#
ASP.NET Core Web应用程序模板默认使用Bootstrap
v5.1.0
,因此您需要查看较新的docs。