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
译文:http://www.iteye.com/news/26653
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/39651.html