Я создал новый макет входа для своей страницы входа и не могу получить файл css для ссылки.
Я пытался вообще не использовать страницу макета, используя @ {Layout = null} и отображать всю HTML-страницу (теги заголовка ... и т. Д.) И связывать CSS втеги заголовка и ничего.Я также переместил ссылку login.css над ссылкой начальной загрузки, и она по-прежнему не отображает CSS.Теперь у меня есть LoginLayout с CSS-файлами и файлами начальной загрузки, связанными в тегах заголовка.Еще ничего.
Мой загрузчик выполняет рендеринг, но не мой CSS.Может ли кто-нибудь помочь с привязкой файла login.css к _LoginLayout.cshtml ?
_LoginLayout.cshtml:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title | Knowledgebase</title>
<link href="@Url.Content("~/Content/bootstrap.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/login.css")" rel="stylesheet" type="text/css" />
</head>
<body>
<div>
@RenderBody()
</div>
</body>
</html>
Login.cshtml View:
@model ITKnowledgebase.Models.LoginModel
@{
ViewBag.Title = "Login";
Layout = "~/Views/Shared/_LoginLayout.cshtml";
}
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
<div class="container">
<div class="form-horizontal">
<br>
<img src="~/Content/Images/logo.png">
<br> <br>
<h2>Knowledgebase Sign In</h2>
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="pnlMain">
<label class="sr-only">ID</label>
@Html.EditorFor(model => model.Id, new { htmlAttributes = new { placeholder = "ID", @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Id, "", new { @class = "text-danger" })
<label class="sr-only">Username</label>
@Html.EditorFor(model => model.Username, new { htmlAttributes = new { placeholder = "Username", @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Username, "", new { @class = "text-danger" })
<label class="sr-only">Password</label>
@Html.EditorFor(model => model.Password, new { htmlAttributes = new { placeholder = "Password", @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Password, "", new { @class = "text-danger" })
</div>
<input type="submit" value="Sign In" class="btn btn-primary" id="btnSubmit" />
</div>
</div>
}
<div>
@Html.ActionLink("Back to List", "Index")
</div>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<hr />
<footer>
<p>© | All rights reserved.</p>
</footer>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
AccountController:
namespace ITKnowledgebase.Controllers
{
public class AccountController : Controller
{
// GET: Account
public ActionResult Login()
{
var login = new LoginModel();
return View(login);
}
[HttpPost]
public ActionResult Login(LoginModel login)
{
if (ModelState.IsValid)
{
return RedirectToAction("Index", "Home", login);
}
return View(login);
}
}
}
Я ожидаю, что фон станет синим, как мой login.css файл включает в себя:
body {
font-size: 27px;
background-color: lightblue;
}