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 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
?
- ASP.NET MVCBootstrap 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
?
- ExposeFramework
- SimpleBootstrap 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 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
?
- Strappress
- Wp-Bootstrap
- Bootstrapwp
- RootsWordpress Theme
- The Bootstrap
- Wpstrap
?
三、界面构建(一些用于设计bootstrap布局结构或其他方面的可视化工具)
??
显示
?
- Css3Gradient 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 ForAxure
- GridTemplates
- Twitter-Bootstrap-Omnigraffle-Stencil
- FireworksFor Bootstrap
- BootstrapBalsamiq Components
- Bootgrid.Psd
- Guideguide
- HtmlPrototyping Toolbox
- PowerpointAnd Keynote Mockup Template Kit
?
五、工具和服务(使bootstrap开发更快、更容易)
?
开发工具
?
- Sublime-Twitter-Bootstrap-Snippets
- Bootstrap Sass
- Compass TwitterBootstrap
- DojoBootstrap
?
服务
?
- I LoveBootstrap
- Bootstrapdocs
- Bootstrapcdn
?
六、教程
?
文章
?
- 开始使用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模板
?
演示
?
- Bootstrap设计
- 使用TwitterBootstrap构建
- Web排版
- Bootstrap背景和基础
?
视频
??
- 使用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
原文:TheBig Badass List Of 180 Useful Twitter Bootstrap Resources