ASP.NET Core 6 MVC二级_Layout页面CSS样式不生效问题求助

以下是几个常见的排查方向和解决方法：

• 检查Bootstrap资源引入路径
  如果用本地Bootstrap文件，确保文件放在wwwroot/css（或对应目录）下，引入时使用~/开头的路径，ASP.NET Core会自动解析到wwwroot目录：

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

  若用CDN链接，仔细核对链接地址是否正确，避免拼写错误。

• 验证布局页面的RenderSection配置
  确保_Layout_Admin.cshtml的<head>标签内包含样式区域的渲染代码，防止页面自定义样式或Bootstrap样式加载顺序异常：

  <head>
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>@ViewData["Title"] - Admin</title>
      <link rel="stylesheet" href="~/css/bootstrap.min.css" />
      @RenderSection("Styles", required: false)
  </head>
  

• 查看浏览器控制台的网络请求
  按F12打开开发者工具，切换到Network标签页，刷新页面后检查Bootstrap CSS文件的请求状态：

  • 若返回404，说明路径错误，调整路径即可；
  • 若有资源拦截或MIME类型错误提示，针对性调整服务器配置或文件格式。

• 确认布局指定代码的正确性
  使用该布局的页面开头代码要确保布局名称拼写正确（注意部署到Linux环境时大小写敏感）：

  @{
      Layout = "_Layout_Admin";
  }
  

• 检查静态文件中间件配置
  在Program.cs中确认已添加静态文件中间件，否则wwwroot下的静态资源无法被访问：

  app.UseStaticFiles();
  

内容的提问来源于stack exchange，提问作者Alexandru Mihai Capraru