最全的 Twitter Bootstrap 蓝冠代理开发资源清单

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

分享到:
No Response
Comment (0)
Trackback (0)