最全的 Twitter Bootstrap 开发资源清单

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，由Twitter的设计师Mark Otto和Jacob Thornton合作开发。Bootstrap提供了优雅的HTML和CSS规范，它由动态CSS语言LESS写成，与CSS框架Blueprint存在很多相似之处。Bootstrap推出后颇受欢迎，一直是GitHub上的热门开源项目。

Bootstraphero网站搜集了大量关于Bootstrap的开发资源，本文列举如下（关于这些资源的介绍请参阅原文或资源链接）。

一、组件（用来扩展Bootstrap的基本功能）

显示组件
• Bangbang Tag Input 
• Tocify 
• Sorich87/Bootstrap-Tour 
• Bootstrap-Tags 
• Bootstrap Arrows 
• Bootstrap-Modal 
• Pillbox Fuel Ux 
• Datagrid Fuel Ux 
• Bootmetro 
• Bootstrap Tour 
• Jquery-Slimscroll 
• Bootstrap Html5 Video Player 
• Bootpag 
• Bootstrap-Image-Gallery 
• Tablecloth.Js 
• Pagedown-Bootstrap 
• Menu Dropdown On Hover Plugin 
• Twitter Bootstrap Hover Dropdown Plugin 
• Css3 Microsoft Modern Buttons 
• Lightbox 
• D3 Bootstrap Popovers 
• Twitter Bootstrap Notifications, From Nijiko Yonskai 
• Bootbox.Js - Alert, Confirm And Flexible Dialogs For Twitter's Bootstrap Framework

表单组件
• Jquery File Upload Demo 
• Bootstrap Contextmenu 
• Selectboxit 
• Spinner - Fuel UX 
• Search Fuel UX 
• Pillbox Fuel UX 
• Bootstrap-Wysihtml5 
• Selectbox Form Helper 
• Typeahead Extension 
• Fine Uploader 
• X-Editable 
• Jqbootstrapvalidation 
• Bootstrap-Progressbar 
• Prettycheckable 
• Chosen-Less-Bootstrap 
• Bootstrap Ajax 
• Bootstrap Toggle Buttons

输入组件
• Timepicker 
• Combobox Fuel UX 
• Timezone Form Helpers 
• Languages Form Helper 
• Phone Form Helper 
• States Form Helper 
• Countries Form Helper 
• Date Range Picker 
• Datepicker For Bootstrap 
• Colorpicker For Bootstrap

二、框架集成（将bootstrap集成到你的应用框架或cms中）

ASP
• ASP.NET MVC Bootstrap Extensions 
• Bootstrap For CSLA 
• Bootstrap For ASP.NET MVC

Java
• Wicket-Bootstrap 
• Struts2-Bootstrap 
• Twitter-Bootstrap-Grails-Plugin

JavaScript
• Meteor - Bootstrap Package 
• Extjs Bootstrap Theme 
• Node-Express-Twitter-Bootstrap

• Derby-Ui-Boot 
• Ender-Bootstrap 
• Angularstrap 
• Angularjs_Scaffold

Joomla
• Expose Framework 
• Simple Bootstrap Integration 
• Joostrap

PHP
• Hwboot 
• Yii-Bootstrap 
• Mopabootstrapbundle 
• Zf-Boilerplate 
• Bh Bootstrap Theme 
• Codeigniter-Bootstrap 
• Cakephp-Bootstrappifier

Python
• Tw2.Bootstrap 
• Fa.Bootstrap 
• Django-Twitter-Bootstrap 
• Django-Bootstrap-Toolkit 
• Django Crispy Forms 
• Django-Admin-Bootstrapped

Ruby
• Bootstrap Forms 
• Will Paginate Bootstrap 
• The Railsapps Project 
• Formtastic-Bootstrap 
• Less-Rails-Bootstrap 
• Sinatra-Bootstrap 
• Twitter_Bootstrap_Form_For 
• Twitter-Bootstrap-Rails 
• Andycroll/Kaminari_Themes 
• Bootstrap Rails Flash Messages 
• Hobo_Bootstrap

Wordpress
• Strappress 
• Wp-Bootstrap 
• Bootstrapwp 
• Roots Wordpress Theme 
• The Bootstrap 
• Wpstrap

三、界面构建（一些用于设计bootstrap布局结构或其他方面的可视化工具）

显示
• Css3 Gradient Generator 
• Css Gradient Generator 
• Holder.Js 
• Jqdrawbootstrapgrid

架构
• Bootstrap-Form-Builder 
• Jetstrap 
• Easel.Io 
• Divshot 
• Bootsnipp.com

主题
• Wrapbootstrap 
• Fbootstrapp 
• Boottheme 
• Jquery-Ui-Bootstrap 
• Bootswatcher 
• Bootswatchr.Com 
• Bootswatch 
• Stylebootstrap.Info 
• Paintstrap

四、模板工具
• Repix Bootstrap Psd 
• Bootstrap Widgets Library For Axure 
• Grid Templates 
• Twitter-Bootstrap-Omnigraffle-Stencil 
• Fireworks For Bootstrap 
• Bootstrap Balsamiq Components 
• Bootgrid.Psd 
• Guideguide 
• Html Prototyping Toolbox 
• Powerpoint And Keynote Mockup Template Kit

五、工具和服务（使bootstrap开发更快、更容易）

开发工具
• Sublime-Twitter-Bootstrap-Snippets 
• Bootstrap Sass 
• Compass Twitter Bootstrap 
• Dojo Bootstrap

服务
• I Love Bootstrap 
• Bootstrapdocs 
• Bootstrapcdn

六、教程

文章
• 开始使用Twitter Bootstrap 
• Ruby on Rails教程——整合Bootstrap 
• 使用Twitter Bootstrap打造Dropbox文件上传器 
• 设计一个响应式联系人页面 
• 设计一个响应式主页 
• 漂亮的输入表单 
• Twitter Bootstrap与Rails 
• 在Rails应用程序中定制Bootstrap 
• Symfony 2 Bootstrap表单 
• 基于Bootstrap和Codeigniter的Ajax模态寄存器 
• 使用Bootstrap进行原型设计 
• 创建一个延迟加载的图片轮播效果 
• 使用Knockout.Js和Bootstrap构建一个单页面应用 
• 自定义图标集 
• Bootstrap风格的jQuery验证插件 
• Golden Bootstrap 
• 使用Twitter Bootstrap 风格化你的应用 
• Modals教程 
• 流式和固定布局之间的抉择 
• 自定义Twitter Bootstrap 
• 使用Twitter Bootstrap创建一个引人入胜的网站 
• Joomla Bootstrap模板

演示
• Bootstrap设计 
• 使用Twitter Bootstrap构建 
• Web排版 
• Bootstrap背景和基础

视频
• 使用Twitter Bootstrap (Pro) - Railscasts 
• Twitter Bootstrap基础 - Railscasts 
• YUI和Bootstrap 
• Twitter Bootstrap 101 - Youtube

七、JavaScript扩展（基于Bootstrap的JavaScript/jQuery插件）
• Meteor - Bootstrap Package 
• Extjs Bootstrap Theme 
• Node-Express-Twitter-Bootstrap 
• Derby-Ui-Boot 
• Ender-Bootstrap 
• Sisyphus.Js 
• Data Filter 
• Fadeto 
• Fadetosrc 
• Haircut 
• Typer 
• Angularstrap 
• Jquery-Qrcode/ 
• Jqbootstrapvalidation 
• Angularjs_Scaffold 
• Selectboxit 
• Keypress.Js 
• Camanjs 
• Infinity.Js