ASP .Net MVC Web应用程序集成了引导程序模板

Question

我知道我可能会因为这个问题得到太多的选票,但我找不到我的问题的教程.

我在Visual Studio 2013中创建了一个ASP .Net MVC项目(新项目 - > ASP.NET Web应用程序 - > MVC),我正在尝试更改此项目的默认引导程序,我已从不同的网站下载了引导程序模板,但我只是不能在我的项目中使用它们.我已经关注了SO和一些教程的一些问题,但我只能改变一些样式,而不是完全使用我想要使用的模板.

我读过的教程:

http://www.mytecbits.com/microsoft/dot-net/bootstrap-with-asp-net-mvc-4-step-by-step

http://www.mytecbits.com/microsoft/dot-net/bootstrap-3-with-asp-net-mvc-5

所以问题:

bootstrap 3模板更改mvc5

Bootstrap Jumbotron没有成为Body的全宽

在阅读了上面的问题和一些更多的教程在这里和那里后,我能更改主题,但没有模板,我想用视差主题这样一个

我将css复制到bootstrap.cssjavascript中bootstrap.js,将HTML 复制到我的页面主页中,但随后_Layout.cshtml又弄乱了显示...

我的问题:

1.)我这样做是错误的吗？

2.)我应该对_Layout.cshtml文件进行哪些更改才能正确显示模板？

3.)我读到有不同版本的bootstraps,我创建它时在项目中使用的默认版本是V3.0.0,我下载的一些模板是V3.1.1,它们是否兼容？我跟着这个将我的项目的bootstrap版本升级到V3.1.1之后,我的项目中添加了一些.js和.css文件,事情变得更加复杂.

4.)_Layout.cshtml如果我使用bootstrap V3.0.2 ,文件是什么？

任何帮助将不胜感激...

编辑:

我正在尝试使用此模板:

模板

模板

Answer 1

将Bootstrap模板集成到ASP .Net MVC 5中:

1. 首先创建一个新项目:

   Web Application -> MVC

2. 按下运行您的项目F5,它将如下所示:

3. 现在检查您下载的Bootstrap Template文件夹是否包含以下内容:

   • css (Folder):
     • bootstrap.css
     • bootstrap.min.css
   • js (Folder):
     • bootstrap.js
     • bootstrap.min.js

   _{注意:某些时候bootstrap.css可能被命名为,style.css并且bootstrap.js可能被命名为style.js}

4. 您将在ASP .Net MVC项目中对以下文件进行更改:

   • bootstrap.css
   • boostrap.min.css
   • bootstrap.js

   • bootstrap.min.js

     

5. 在代码编辑器中打开上面提到的所有文件:

   

6. 现在执行以下操作:

   • 将所有代码从bootstrap.css(模板css文件夹)复制到bootstrap.css(内容文件夹)
   • 将所有代码从bootstrap.min.css(模板css文件夹)复制到bootstrap.min.css(内容文件夹)
   • 将所有代码从bootstrap.js(模板js文件夹)复制到bootstrap.js(脚本文件夹)
   • 将所有代码从bootstrap.min.js(模板js文件夹)复制到bootstrap.min.js(脚本文件夹)

7. 现在是时候_Layout.cshtml根据主题调整你的.我们将index.html文件从Theme文件夹拆分为两部分,一部分将进入_Layout.cshtml,一部分将进入'Index.cshtml`:

   

8. 用_Layout.cshtml以下代码替换您的代码:

   _Layout.cshtml

9. 用Index.cshtml以下代码替换您的代码:

   Index.cshtml

10. 现在运行你的项目就像:

    链接

这就是我解决问题的方法.