我知道我可能会为此问题得到太多的赞成票，但我无法找到针对我的问题的教程。我已经在Visual Studio 2013（新建项目 - > ASP.NET Web应用程序 - > MVC）中创建了一个ASP .Net MVC项目，我试图更改此项目的默认引导程序，我已经下载了引导程序模板不同的网站，但我不能在我的项目中使用它们。我跟着几个关于SO和一些教程的问题，但我只能改变一些样式，并不完全使用我想要使用的模板。ASP .Net MVC Web应用程序集成引导程序模板

教程，我读：

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

SO问题：

bootstrap 3 template change mvc5

Bootstrap Jumbotron not becoming full width of Body

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

我复制的CSS为bootstrap.css， JavaScript的成bootstrap.js和HTML到我的网页主页上，但随后_Layout.cshtml是搞乱显示...

我的问题：

1）我这样做了错误的方式？

2.）我应该对_Layout.cshtml文件做出什么改变才能正确显示模板？

3.）我读过引导程序的不同版本，我创建时使用的默认版本是V3.0.0，我下载的一些模板是V3.1.1，它们是兼容的吗？我跟着this将我的项目的引导版本升级到V3.1.1之后，更多的.js和.css文件被添加到我的项目中，事情变得更加复杂。

4.）如果我使用引导V3.0.2，那么_Layout.cshtml文件是什么？

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

编辑：

我试图用这个模板：

Template

来源

2014-09-25 Syed Farjad Zia Zaidi

集成自举模板到的ASP.NET MVC 5：

首先，创建一个新项目：

Web Application -> MVC
按F5运行项目，它看起来像：
现在检查您下载的引导模板文件夹包含以下内容：
- css (Folder):
  - bootstrap.css
  - bootstrap.min.css
- js (Folder):
  - bootstrap.js
  - bootstrap.min.js
_{注：有时bootstrap.css可能被命名为style.css和bootstrap.js可能被命名为style.js}
你会被更改到以下文件ASP。净MVC项目：
- bootstrap.css
- boostrap.min.css
- bootstrap.js
- bootstrap.min.js
打开所有文件提编辑在代码编辑器的上方：
现在做到以下几点：
- 复制的所有代码从bootstrap.css（模板css文件夹）bootstrap.css（内容文件夹）
- 全部复制代码从bootstrap.min.css（模板css文件夹）到bootstrap.min.css（内容文件夹）
- 复制的所有代码从bootstrap.js（模板js文件夹）bootstrap.js（脚本文件夹）
- 复制的所有代码从bootstrap.min.js（模板js文件夹）bootstrap.min.js（脚本文件夹）
现在，它的时间根据主题调整您的_Layout.cshtml。我们将拆分从主题文件夹中的文件index.html分成两个部分，一部分将进入_Layout.cshtml和一部分将进入“Index.cshtml`：
的代码替换您_Layout.cshtml代码如下：

_Layout.cshtml
替换您Index.cshtml代码代码如下：

Index.cshtml
现在运行你的项目就会像：

Link

这是我如何解决我的问题。

来源

2014-10-05 15:41:28

引导只是基础。模板还可以添加其他功能以便正确呈现。可能或不可能基于引导的东西。它也可能是Boostrap的老版本，或者Boostratp已经在3.2一段时间的更新版本。

通常，首先包含主bootstrap.css，然后包含主题使用的css文件。在引用bootstrap.js文件之前，请加载jQuery。没有一种方法可以使你的_layout.cshtml看起来不错，没有

1）知道什么是错的。我们必须看到呈现的代码才能真正理解缺失的内容 2）您尝试应用的模板是什么，因为您可能缺少css或它使用的某些元素。

来源

2014-09-25 15:33:51

我已更新与我想要使用的布局的问题，如果你可以告诉我如何使用默认的asp.net项目，这将是伟大的... ... – 2014-09-25 18:18:22

有一个伟大而简单的方式来获得你需要的一切。使用Chrome并点击F12打开开发者工具。在显示渲染布局的区域上单击鼠标右键，然后选择“检查元素”。它会打开整个页面的DOM，但会选择一个iframe中的项目。立即在iframe中查找元素并右键单击并选择“以HTML格式复制”。这会给你布局以及脚本的CSS和脚本顺序。

在bootply编辑器窗口中显示的css不会进入bootstrap.css文件。它被内嵌到代码中，我向您展示了如何获取，但您可以将它放入它自己的CSS文件中。只要确保CSS文件在引导CSS文件后加载。

仅供参考，该模板似乎使用Bootstrap 3.0.2，它不太旧，但不是最新的。

来源

2014-09-25 19:39:09

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

回答

集成自举模板到的ASP.NET MVC 5：

相关问题