如何将引导模板添加到 ASP.net MVC 项目答案

【问题标题】：how to add bootstrap template to ASP.net MVC project如何将引导模板添加到 ASP.net MVC 项目
【发布时间】：2021-11-30 14:21:29
【问题描述】：

我想通过使用像“https://colorlib.com/polygon/metis/dashboard.html#”这样的引导模板来创建一个 ASP.net MVC5 项目。我已经通过浏览器下载了它，但我不知道如何将它添加到我在 Visual Studio 2013 中的项目中。我还没有找到帮助做到这一点的教程，我只是找到了如何添加主题。有人知道怎么做或者可以告诉我方法的tuto吗？

非常感谢

【问题讨论】：

标签： asp.net-mvc twitter-bootstrap templates

【解决方案1】：

1.- 创建一个具有 MVC 结构的新项目。 Bootstrap 和 jQuery 已经安装好了。

文件夹结构应如下所示：

2.- 在 Content 文件夹中添加您下载的 css

3.- 将下载的 js 添加到 Scripts 文件夹中

4.- 根据您的需要，将您的 html 文件添加到不同的视图文件夹中。您应该将所有页面的通用html元素放在_Layout页面中（例如菜单或顶部栏）。

希望对你有帮助！

【讨论】：

您可能需要更新 html 页面上的引用，它应该正确链接到 css 和 js 文件

【解决方案2】：

在 Content 文件夹中创建一个 Bootstrap 类并为其命名

bootstrap-anything.css

App Start 文件夹包含配置文件。该文件夹应包含 3 个文件：

BundleConfig.cs     
FilterConfig.cs       
RouteConfig.cs

进入BundleConfig.cs里面，应该有一个函数

bundes.Add(new StyleBundle("~/Content/css").Include(
"~/Content/bootstrap.css",
"~/Content/site.css"));

改变

~/Content/bootstrap.css  to   ~/Content/bootstrap-anything.css

就是这样。

【讨论】：