如何在ASP.NET MVC4中使用免费的CSS模板？

Question

我需要使用一个css模板的网页，我正在建设，但我不知道如何使用在asp.net mvc4。那么如何在visual Studio2012的web应用程序中通过ASP.NET MVC4使用CSS模板呢？

Answer 1

这很简单：

1. 将css和图像移动到~/Contents文件夹。
2. 将js文件移动到~/Scripts文件夹
3. 将html代码片段复制并粘贴到<代码>D9文件

在第三步中，您需要将模板的布局部分移植到~/Veiws/Shared/_Layout.cshtml。在这里，你需要正确地引用你的css和js。例如：

此外，您还需要知道_Layout.cshtml应该包含@RenderBody()。这是所有子视图将被插入的位置。

我刚刚找到了一个基本演示流程的视频：link

Answer 2

它与您用于simpe HTML文件的方法相同。在这个解决方案中，您可以添加一个现有的项目，然后浏览您的CSS文件，该文件将被添加到Content文件夹中，然后您必须在将使用它的页面中引用它。如果您想将所有规则应用于每个页面，您可以在_Layout.cshtml页面中引用它，该页面在everypage之前调用。它就像容器一样。

你有很多选择来调用它。我建议你也阅读这个link中的捆绑和缩小，这也是很有趣的。

Answer 3

有几个步骤：

1. 在内容文件夹中创建目录在mytemplate文件夹中。
2. 在View>Shared文件夹中添加新的布局页面。在任何编辑器(即: Dreamviewer、记事本等)中添加模板Index.html文件。
3. 将html文件中的所有标题内容复制到_mytemplate.cshtml文件的标题中。
4. 将Index.cshtml中的所有正文内容复制到布局页面。
5. 通过Cntrl+S保存项目并在浏览器中运行它。就是这样。