首先先点选档案→新增项目,选择「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