Javascript 集成引导模板的ASP.Net MVC Web应用程序_Javascript_Html_Css_Asp.net Mvc_Twitter Bootstrap

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

javascript html css asp.net-mvc twitter-bootstrap

Javascript 集成引导模板的ASP.Net MVC Web应用程序,javascript,html,css,asp.net-mvc,twitter-bootstrap,Javascript,Html,Css,Asp.net Mvc,Twitter Bootstrap,我知道我可能会在这个问题上获得太多的反对票，但我就是找不到解决我问题的教程我已经在Visual Studio 2013中创建了一个ASP.Net MVC项目（新建项目->ASP.Net Web应用程序->MVC），我正在尝试更改此项目的默认引导，我已经从不同的网站下载了引导模板，但我无法在我的项目中使用它们。我已经回答了一些关于SO和一些教程的问题，但我所能做的只是更改一些样式，而不是完全使用我想要使用的模板我读过的教程：所以问题：在阅读了上面的问题和其他一些教程之后，我可以更改

我知道我可能会在这个问题上获得太多的反对票，但我就是找不到解决我问题的教程

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

我读过的教程：

所以问题：

在阅读了上面的问题和其他一些教程之后，我可以更改主题，但不能更改模板，我想使用像这样的视差主题

我将css复制到

bootstrap.css

，将javascript复制到

bootstrap.js

中，并将HTML复制到我的页面主页中，但随后

\u Layout.cshtml

正在扰乱显示

我的问题：

1）我这样做是不是错了

2.）要正确显示模板，我应该对

\u Layout.cshtml

文件进行哪些更改

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

4.）如果我使用bootstrap V3.0.2，那么

\u Layout.cshtml

文件是什么

任何帮助都将不胜感激

编辑：

我正在尝试使用此模板：

引导只是基础。为了正确渲染，模板还可以添加其他特征。可能基于或不基于引导的事物。它也可能是Boostrap的旧版本，也可能是更新版本，因为Boostratp已经有一段时间处于3.2了

通常，首先包括主bootstrap.css，然后是主题使用的css文件。在引用bootstrap.js文件之前，先加载jQuery。没有现成的方法可以使您的_layout.cshtml看起来很好

1）知道什么是错的。我们必须查看呈现的代码才能真正理解缺少的内容

2）因为您可能缺少css或它使用的某些元素，所以您正在尝试应用哪个模板。

有一种非常简单的方法可以让您所需的一切顺利进行。使用Chrome并点击F12打开开发者工具。在显示渲染布局的区域上单击鼠标右键，然后选择“检查元素”。它将打开整个页面的DOM，但会在iframe中选择一个项目。在iframe中立即找到元素，右键单击并选择“复制为HTML”。这将为您提供布局以及脚本css和脚本顺序

bootply编辑器窗口中显示的css不会进入bootstrap.css文件。它以内联方式呈现在我向您展示的代码中，但您可以将其放入自己的CSS文件中。只需确保CSS文件是在引导CSS文件之后加载的

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

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

首先，创建一个新项目：

Web应用程序->MVC

按

F5

运行您的项目，它将如下所示：

现在检查下载的引导模板文件夹是否包含以下内容：

css（文件夹）：

```
bootstrap.css
```
```
bootstrap.min.css
```

js（文件夹）：

```
bootstrap.js
```
```
bootstrap.min.js
```

注意：有时

bootstrap.css

可能被命名为

style.css

，

bootstrap.js

可能被命名为

style.js

您将在ASP.Net 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
```
（脚本文件夹）

现在是时候根据主题调整您的

\u Layout.cshtml

。我们将把主题文件夹中的

index.html

文件分成两部分，一部分进入

\u Layout.cshtml

，另一部分进入'index.cshtml'：

将

\u Layout.cshtml

代码替换为以下代码：

将

Index.cshtml

代码替换为以下代码：

现在运行您的项目，如下所示：

这就是我解决问题的方法

我已经用我想要使用的布局更新了这个问题，如果你能告诉我如何在默认的asp.net项目中使用这个布局，那就太好了。。。