如何在ASP.NET MVC 5中引入Bootstrap主题/示例？

• 解压下载的Dashboard示例压缩包，得到包含index.html、css、js、assets的文件目录。
• 整理项目静态资源目录：
  • 在项目的Content文件夹下新建dashboard子文件夹，复制解压后的css目录内所有文件到这里。
  • 在项目的Scripts文件夹下新建dashboard子文件夹，复制解压后的js目录内所有脚本文件到这里。
  • 若有assets文件夹，将其完整复制到项目的Content目录下。
• 修改布局页Views/Shared/_Layout.cshtml：
  • 替换原有Bootstrap CSS引用为示例资源：

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

  • 在页面底部（</body>标签前）替换原有Bootstrap JS引用：

    <script src="~/Scripts/dashboard/jquery-3.4.1.slim.min.js"></script>
    <script src="~/Scripts/dashboard/bootstrap.bundle.min.js"></script>
    <script src="~/Scripts/dashboard/dashboard.js"></script>
    

  • 提示：若项目已引入jQuery，确认版本兼容，避免重复引用。
• 创建视图页：
  • 在目标控制器对应的Views目录（如Views/Home）新建Dashboard.cshtml，将解压后index.html中<body>内的核心内容（剔除布局页已有的通用导航/页脚）复制到该视图中。
  • 调整视图内的资源路径：将assets/开头的路径改为~/Content/assets/，确保资源加载正常。
• 配置控制器Action（可选）：
  • 在对应控制器（如HomeController）中添加Action方法：

    public ActionResult Dashboard()
    {
        return View();
    }
    

• 启动项目，访问对应URL（如/Home/Dashboard），验证页面样式和功能是否正常。

内容的提问来源于stack exchange，提问作者xdvesyxd