ootstrap是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
Java
JavaScript
- Meteor - Bootstrap Package
- Extjs Bootstrap Theme
- Node-Express-Twitter-Bootstrap
- Derby-Ui-Boot
- Ender-Bootstrap
- Angularstrap
- Angularjs_Scaffold
Joomla
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
三、界面构建(一些用于设计bootstrap布局结构或其他方面的可视化工具)
显示
架构
主题
- 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开发更快、更容易)
开发工具
服务
六、教程
文章
- 开始使用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模板
演示
视频
- 使用Twitter Bootstrap (Pro) - Railscasts
- Twitter Bootstrap基础 - Railscasts
- YUI和Bootstrap
- Twitter Bootstrap 101 - Youtube
七、JavaScript扩展(基于Bootstrap的JavaScript/jQuery插件)