实例介绍
## 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小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论