如何将引导程序模板添加到ASP.net MVC项目中

时间:2016-04-29 10:16:38

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

我想使用类似这样的引导模板创建一个ASP.net MVC5项目" https://colorlib.com/polygon/metis/dashboard.html#"。 我已经通过浏览器下载了它,但我不知道如何将它添加到我在visual studio 2013中的项目中。 我还没有找到帮助这样做的tuto,我只是找到了如何添加主题。 可能有人知道怎么做或者tuto可以告诉我的方式吗?

非常感谢

2 个答案:

答案 0 :(得分:5)

1.-使用MVC结构创建一个新项目。已经安装了Bootstrap和jQuery。

文件夹结构应如下所示:

Project structure

2.-将下载的css添加到内容文件夹

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

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

希望它有所帮助!

答案 1 :(得分:0)

在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    

那就是它。