最全的 Twitter Bootstrap 开发资源清单

中文源碼地址：http://www.iteye.com/news/26653

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

 

原文：The Big Badass List Of 180 Useful Twitter Bootstrap Resources