我正在學習 HTML、Bootstrap 和 JavaScript 的基礎。我想使用引導導航類進行導航。第一個問題:bootstrap 在共享視圖中不起作用_Layout.cshtml,按鈕看起來像:

但是內容index.cshtml看起來還可以。第二個問題:當我點擊訊息時,它只將我重定向到控制器../User,而不是它的操作../User/Index。我不知道為什么它不起作用。
在我的_Layout.cshtml代碼下面:
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width" />
<link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
<script src="~/lib/twitter-bootstrap/js/bootstrap.js"></script>
<title>@ViewData["Title"] - title</title>
<link rel="stylesheet" href="~/css/site.css" />
</head>
<body>
<header>
<ul class="nav nav-tabs">
<li role="navigation" class="active"><a href="#">Home</a></li>
<li role="navigation"><a href="#">Profile</a></li>
<li role="navigation"><a href="@Url.Action("Index", "User")">Messages</a></li>
</ul>
</header>
<div class="container">
<main role="main" class="pb-3">
@RenderBody()
</main>
</div>
<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>
@RenderSection("Scripts", required: false)
</body>
</html>
uj5u.com熱心網友回復:
對于第一個問題,嘗試從
<link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
至:
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
對于第二個問題,嘗試從更改@Url.Action("Index", "User")為@Url.Action("User")
您必須確保您的控制器命名正確。否則,我們可能需要您的 UserController 示例代碼以獲得進一步幫助
uj5u.com熱心網友回復:
當我手動轉到 ../User/Index 視圖時,一切正常。這是UserController.cs課堂的一部分:
public class UserController : Controller
{
private readonly DietDbContext _dbContext;
private readonly IMapper _mapper;
public UserController(DietDbContext dbContext, IMapper mapper)
{
_dbContext = dbContext;
_mapper = mapper;
}
public ActionResult Index()
{
return View(_dbContext.Users.ToList());
}
uj5u.com熱心網友回復:
您好,您使用的是什么引導程式版本?嘗試將 jquery 添加到 head 標簽中,就在引導腳本下
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/487769.html
標籤:javascript html asp.net-mvc 推特引导
下一篇:為什么GSAP中的影片沒有反轉?
