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