在ASP.NET MVC 4中使用TWITTER BOOTSTRAP

首先先点选档案→新增项目，选择「ASP.NET MVC 4 Web 应用程序」，名称我们命名为BootstrapMVC



再来要选择空白，因我们不需要微软帮我们Create内建的template



新增完后，应该会看到项目结构如下：



接着我们点选工具→Package Manager Console



在Console窗口进行如下操作

先运行"Install-Package Microsoft.jQuery.Unobtrusive.Ajax"

然后再运行"Install-Package jQuery.Validation"

最后在运行"Install-Package
twitter.bootstrap.mvc4 -version 1.0.90"
，即会开始下载必要套件，

可以看到有Juqey 1.9.1、Bootstrap版本、html5shiv(一个让旧浏览器支持html5标签的兼容性套件)



此时项目结构应该如下：



来跑跑看吧!建置过后…疑!?怎么出错了，找不到HomeController



原来是要一并将它的Sample Code下载下来，我们回到Console窗口，

依次输入

PM> Uninstall-Package twitter.bootstrap.mvc4.htmlhelpers -Force

PM> Install-Package twitter.bootstrap.mvc4.htmlhelpers -version 1.0.90

这次输入「Install-Package twitter.bootstrap.mvc4.sample -Version 1.0.90」，

会发现MVC里各出现了几支程序，其实这些就是CRUD的Sample Code



再来跑跑看吧，可发现Layout、Control就是Bootstrap的样式没错XD