如何轻松地在MVC4中使用Bootstrap：一个实用的NuGet包介绍

实例介绍

【实例简介】
## Twitter Bootstrap与MVC4整合概览
这个NuGet包的目的是为了让开发者能够快速地在ASP.Net MVC4应用中加入Twitter Bootstrap，不仅提高了UI设计的效率，也简化了开发流程。它不依赖于特定的数据访问或架构，使得开发者可以更灵活地使用。

## 主要功能

利用MVC4方式对Twitter Bootstrap文件进行JS和CSS的打包与压缩
整合jQuery验证修复，以兼容Bootstrap JavaScript
使用Twitter Bootstrap标记的Razor布局模板
通过导航路由实现菜单（包括子菜单）和根据上下文隐藏菜单（登录与匿名）
运行时脚手架 - 提供默认的Index、Edit和Detail视图。你只需提供POCOs，系统将渲染CRUD视图
支持使用Bootstrap Alert样式的Post Redirect Get
提供示例展示如何使用所有这些功能

## 安装方法
要查看工作示例，可以将twitter.bootstrap.mvc4.sample安装到MVC4空模板项目中。

> Install-Package twitter.bootstrap.mvc4
> Install-Package twitter.bootstrap.mvc4.sample
> Install-Package twitter.bootstrap.mvc4.templates //MVC代码模板（仍在开发中）

本文旨在为希望在其MVC4应用程序中快速有效地集成Twitter Bootstrap的开发人员提供帮助，无需深入了解底层代码即可美化您的用户界面。
【实例截图】
【核心代码】
文件清单
└── twitter.bootstrap.mvc-1582c4e86e32791abf2eef1d2a825ac31c102a6b
    ├── build.ps1
    ├── LICENSE
    ├── README.md
    ├── src
    │   ├── Bootstrap
    │   │   ├── App_Start
    │   │   │   ├── BootstrapBundleConfig.cs
    │   │   │   └── ExampleLayoutsRouteConfig.cs
    │   │   ├── BootstrapSupport
    │   │   │   ├── ControlGroupExtensions.cs
    │   │   │   └── ViewHelperExtensions.cs
    │   │   ├── CodeTemplates
    │   │   │   ├── AddController
    │   │   │   │   └── ControllerWithContext.tt
    │   │   │   └── AddView
    │   │   │       └── CSHTML
    │   │   │           ├── BootstrapForm.tt
    │   │   │           ├── Create.tt
    │   │   │           ├── Delete.tt
    │   │   │           ├── Details.tt
    │   │   │           ├── Edit.tt
    │   │   │           ├── Empty.tt
    │   │   │           └── List.tt
    │   │   ├── Content
    │   │   │   ├── body.css
    │   │   │   ├── bootstrap-mvc-validation.css
    │   │   │   └── jumbotron-narrow.css
    │   │   ├── Controllers
    │   │   │   ├── BootstrapBaseController.cs
    │   │   │   ├── ExampleLayoutsController.cs
    │   │   │   └── HomeController.cs
    │   │   ├── HtmlHelpers
    │   │   │   ├── GlyphIcons.cs
    │   │   │   └── Paging.cs
    │   │   ├── Models
    │   │   │   └── HomeInputModel.cs
    │   │   ├── NavigationRouteFilterExamples
    │   │   │   └── AdministrationRouteFilter.cs
    │   │   ├── readme.txt
    │   │   ├── Scripts
    │   │   │   └── jquery.validate.unobtrusive-custom-for-bootstrap.js
    │   │   ├── Tools
    │   │   │   ├── CodeTemplates
    │   │   │   │   └── install.ps1
    │   │   │   └── install.ps1
    │   │   └── Views
    │   │       ├── examplelayouts
    │   │       │   ├── Fluid.cshtml
    │   │       │   ├── marketing.cshtml
    │   │       │   ├── Narrow.cshtml
    │   │       │   ├── SignIn.cshtml
    │   │       │   ├── Starter.cshtml
    │   │       │   └── TBD.cshtml
    │   │       ├── Shared
    │   │       │   ├── _alerts.cshtml
    │   │       │   ├── _BootstrapLayout.basic.cshtml
    │   │       │   ├── _BootstrapLayout.empty.cshtml
    │   │       │   ├── _BootstrapLayout.narrow.cshtml
    │   │       │   ├── Create.cshtml
    │   │       │   ├── Delete.cshtml
    │   │       │   ├── Details.cshtml
    │   │       │   ├── Index.cshtml
    │   │       │   └── _validationSummary.cshtml
    │   │       └── _ViewStart.cshtml
    │   ├── twitter-bootstrap-mvc-htmlhelpers.nuspec
    │   ├── twitter-bootstrap-mvc.nuspec
    │   ├── twitter-bootstrap-mvc-sample.nuspec
    │   └── twitter-bootstrap-mvc-templates.nuspec
    └── Test
        └── EndToEnd
            ├── ProjectTemplates
            │   └── EmptyMvcWebApplicationProjectTemplatev4.0.csaspx.zip
            │       ├── App_Start
            │       │   ├── FilterConfig.cs
            │       │   ├── RouteConfig.cs
            │       │   └── WebApiConfig.cs
            │       ├── EmptyGlobal.asax.cs
            │       ├── EmptyMvcApplication.csproj
            │       ├── EmptyMvcWebApplicationProjectTemplate.11.csaspx.vstemplate
            │       ├── EmptyWeb.config
            │       ├── Global.asax
            │       ├── Properties
            │       │   └── AssemblyInfo.cs
            │       ├── Views
            │       │   └── EmptyWeb.config
            │       ├── Web.Debug.config
            │       └── Web.Release.config
            ├── test-private-feed.ps1
            ├── test.ps1
            ├── utility.ps1
            └── vs.ps1

27 directories, 65 files

标签：

实例下载地址

点此下载实例

不能下载？内容有错？点击这里报错 + 投诉 + 提问

好例子网口号：伸出你的我的手 — 分享！

网友评论

我要评论

小贴士

感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。

类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。

关于好例子网

本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见版权及免责申明

如何轻松地在MVC4中使用Bootstrap：一个实用的NuGet包介绍

同类人气实例

实例介绍

实例下载地址