在ASP.NET MVC 4中使用TWITTER BOOTSTRAP

来源：互联网发布：wrecking ball网络翻唱编辑：程序博客网时间：2024/05/21 13:57

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

0 0