最全的 Twitter Bootstrap 开发资源清单(转)

转自:http://www.iteye.com/news/26653

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

你可能感兴趣的:(最全的 Twitter Bootstrap 开发资源清单(转))