ASP.NET MVC多种布局

时间:2018-01-30 17:26:51

标签: html css asp.net asp.net-mvc layout

我尝试使用ASP.NET MVC为每个不同的页面使用多个布局。路由配置的默认连接正常,因为您可以看到Index Screenshot。如果我将注册页面作为默认连接,它也可以正常工作。

但是,当通过点击上面的按钮从Index访问注册页面时,CSS似乎没有被重新显示,因为你可以看到Register Screenshot

Kayit_Layout.cshtml

    @{
    ViewBag.Title = "Kayitol";
    Layout = "~/Views/Shared/Kayit_Layout.cshtml";
     }

Kayitol.cshtml

public class KayitController : Controller
{
    // GET: Kayit
    public ActionResult Kayitol()
    {
        return View();
    }
}
}

KayitController.cs

{{1}}

1 个答案:

答案 0 :(得分:1)

显然,无法找到css文件的相对路径。 (浏览器尝试使用...kayit/kayitol/assets/...查找它们)您应该通过以/开头的相对路径导航根

<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">

另外,我建议您使用Bundles导入静态css和js文件。

 bundles.Add(new StyleBundle("~/assets/css").Include(
      "~/assets/bootstrap/css/bootstrap.min.css");