如何在MVC 5项目中从bootswatch或wrapbootstrap实现主题？
我即将创build一个新的ASP.Net MVC5 Web应用程序。 我想在应用程序中使用bootswatch或wrapbootstrap中的主题，但无法find关于如何执行此操作的一组说明。
应用主题的步骤相当简单。 为了真正理解所有内容如何协同工作，您需要了解ASP.NET MVC 5模板提供的现成function以及如何根据需要对其进行自定义。
注意：如果您对MVC 5模板的工作原理有基本了解，请向下滚动到主题部分。
ASP.NET MVC 5模板：它是如何工作的
这个演练回顾了如何创build一个MVC 5项目以及发生了什么 。 在此博客中查看MVC 5 Template的所有function。
-
创build一个新的项目。 在模板下selectWeb > ASP.NET Web应用程序 。 为您的项目input一个名称，然后单击确定 。
-
在下一个向导中，selectMVC ，然后单击确定 。 这将应用MVC 5模板。
-
MVC 5模板创build一个使用Bootstrap提供响应式devise和主题function的MVC应用程序。 在底层 ，模板包括一个bootstrap 3. * nuget包 ，它安装了4个文件：
bootstrap.css，bootstrap.min.css，bootstrap.js和bootstrap.min.js。
-
Bootstrap通过使用Web优化function捆绑在您的应用程序中。 检查
Views/Shared/_Layout.cshtml并寻找@Styles.Render("~/Content/css")和
@Scripts.Render("~/bundles/bootstrap")这两个path指的是在
App_Start/BundleConfig.cs设置的bundle：bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include( "~/Scripts/bootstrap.js", "~/Scripts/respond.js")); bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/bootstrap.css", "~/Content/site.css")); -
这使得运行你的应用程序成为可能，而不需要任何configuration。 现在尝试运行你的项目。
在ASP.NET MVC 5中应用引导主题
本演练涵盖了如何在MVC 5项目中应用引导主题
- 首先，下载你想申请的主题的
css。 在这个例子中，我将平稳地使用Bootswatch。 将下载的flatly.bootstrap.css和flatly.bootstrap.min.css包含在Content文件夹中（确保也包含在Project中）。 -
打开
App_Start/BundleConfig.cs并更改以下内容：bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/bootstrap.css", "~/Content/site.css"));包括你的新主题：
bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/flatly.bootstrap.css", "~/Content/site.css")); -
如果您使用MVC 5模板中包含的默认
_Layout.cshtml，则可以跳到步骤4.如果不是，则至less要将这两行与Bootstrap HTML模板一起包含在布局中：在你的
<head>：@Styles.Render("~/Content/css")closures前的最后一行
</body>：@Scripts.Render("~/bundles/bootstrap") -
现在尝试运行你的项目。 你应该看到你现在使用你的主题新创build的应用程序。
资源
查看James Chambers的 这个令人敬畏的30天漫步指南，了解如何在ASP.NET MVC 5中使用Twitter Bootstrap的更多信息，教程，技巧和窍门。
- 引导
- 在Visual Studio 2013 Web项目模板中引导
- ASP.NET MVC 5入门
- Bootstrap 3与ASP.NET MVC 5 – 一步一步由Twinkle
- Bootswatch – Bootstrap的免费主题
这可能有点晚了; 但有人会觉得有用。
有一个用于将AdminLTE（一种stream行的Bootstrap模板）集成到MVC5的Nuget包
只需在Visual Studio包pipe理器控制台中运行此命令即可
Install-Package AdminLteMvc
注意：安装可能需要一些时间，因为它会下载所有必要的文件，并且可以创build示例全部和部分视图（.cshtml文件），以便在开发时指导您。 还提供了示例布局文件_AdminLteLayout.cshtml 。
你会在~/Views/Shared/文件夹中find这些文件
首先，如果你能find你的
bootstrap.css文件
和
bootstrap.min.js文件
在你的电脑里，那么你刚刚做的是什么
首先下载你喜欢的主题，即从http://bootswatch.com/
复制下载的bootstrap.css和bootstrap.min.js文件
然后在您的计算机中find现有文件，并用新下载的文件replace它们。
注意：确保您下载的文件已重命名为您的文件夹中的内容
即
那么你很好走。
有时候结果可能不会立即显示。 你可能需要在浏览器上运行css来刷新
我在MSDN上有一篇文章 – 使用VS 2012，VS 2013和VS 2015创build具有自定义引导主题/布局的ASP.NET MVC，也附带了一个演示代码示例..请参阅下面的链接。 https://code.msdn.microsoft.com/ASPNET-MVC-application-62ffc106
所有你需要做的是从Bootswatch网站select并下载bootstrap.css和bootstrap.js文件，然后用它们replace原始文件。
当然，你必须在所有的jQuerypath之后添加布局页面的path。
