英文原文:TheBig Badass List Of 180 Useful Twitter Bootstrap Resources
Bootstrap 是 Twitter 推出的一个开源的用于前端开发的工具包,由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发。Bootstrap 提供了优雅的 HTML 和 CSS 规范,它由动态 CSS 语言 LESS 写成,与 CSS 框架 Blueprint 存在很多相似之处。Bootstrap 推出后颇受欢迎,一直是 GitHub 上的热门开源项目。
Bootstraphero 网站搜集了大量关于 Bootstrap 的开发资源,本文列举如下(关于这些资源的介绍请参阅原文或资源链接)。
中文学习网站: http://ninghao.net/bootstrap/
一个中文的文档站 (版本较老) http://wrongwaycn.github.com/bootstrap/docs/index.html
中文论坛: http://www.iteye.com/blogs/tag/bootstrap
中文Plugin
一、组件(用来扩展 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 Html5Video Player
- Bootpag
- Bootstrap-Image-Gallery
- Tablecloth.Js
- Pagedown-Bootstrap
- MenuDropdown On Hover Plugin
- TwitterBootstrap Hover Dropdown Plugin
- Css3Microsoft Modern Buttons
- Lightbox
- D3Bootstrap Popovers
- Twitter BootstrapNotifications, 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 FuelUX
- Bootstrap-Wysihtml5
- Selectbox FormHelper
- TypeaheadExtension
- FineUploader
- X-Editable
- Jqbootstrapvalidation
- Bootstrap-Progressbar
- Prettycheckable
- Chosen-Less-Bootstrap
- Bootstrap Ajax
- Bootstrap ToggleButtons
输入组件
- Timepicker
- Combobox Fuel UX
- Timezone FormHelpers
- Languages FormHelper
- Phone Form Helper
- States FormHelper
- Countries FormHelper
- Date RangePicker
- 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 PaginateBootstrap
- TheRailsapps Project
- Formtastic-Bootstrap
- Less-Rails-Bootstrap
- Sinatra-Bootstrap
- Twitter_Bootstrap_Form_For
- Twitter-Bootstrap-Rails
- Andycroll/Kaminari_Themes
- Bootstrap RailsFlash Messages
- Hobo_Bootstrap
Wordpress
三、界面构建(一些用于设计 bootstrap 布局结构或其他方面的可视化工具)
显示
架构
主题
- Wrapbootstrap
- Fbootstrapp
- Boottheme
- Jquery-Ui-Bootstrap
- Bootswatcher
- Bootswatchr.Com
- Bootswatch
- Stylebootstrap.Info
- Paintstrap
四、模板工具
- Repix Bootstrap Psd
- Bootstrap Widgets Library ForAxure
- GridTemplates
- Twitter-Bootstrap-Omnigraffle-Stencil
- FireworksFor Bootstrap
- BootstrapBalsamiq Components
- Bootgrid.Psd
- Guideguide
- HtmlPrototyping Toolbox
- PowerpointAnd Keynote Mockup Template Kit
五、工具和服务(使 bootstrap 开发更快、更容易)
开发工具
服务
六、教程
文章
- 开始使用 TwitterBootstrap
- Rubyon Rails 教程——整合 Bootstrap
- 使用 Twitter Bootstrap 打造 Dropbox 文件上传器
- 设计一个响应式联系人页面
- 设计一个响应式主页
- 漂亮的输入表单
- TwitterBootstrap 与 Rails
- 在 Rails 应用程序中定制 Bootstrap
- Symfony2 Bootstrap 表单
- 基于 Bootstrap 和 Codeigniter 的 Ajax 模态寄存器
- 使用 Bootstrap 进行原型设计
- 创建一个延迟加载的图片轮播效果
- 使用 Knockout.Js 和 Bootstrap 构建一个单页面应用
- 自定义图标集
- Bootstrap 风格的 jQuery 验证插件
- Golden Bootstrap
- 使用 TwitterBootstrap 风格化你的应用
- Modals 教程
- 流式和固定布局之间的抉择
- 自定义 TwitterBootstrap
- 使用 TwitterBootstrap 创建一个引人入胜的网站
- JoomlaBootstrap 模板
演示
视频
- 使用 TwitterBootstrap (Pro) - Railscasts
- TwitterBootstrap 基础 - Railscasts
- YUI 和 Bootstrap
- TwitterBootstrap 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
- jquery-ui的BootstrapTheme http://addyosmani.github.com/jquery-ui-bootstrap/