Bootstrap是Twitter推出的一個(gè)開(kāi)源的用于前端開(kāi)發(fā)的工具包，由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開(kāi)發(fā)。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它由動(dòng)態(tài)CSS語(yǔ)言LESS寫(xiě)成，與CSS框架Blueprint存在很多相似之處。Bootstrap推出后頗受歡迎，一直是GitHub上的熱門(mén)開(kāi)源項(xiàng)目。

Bootstraphero網(wǎng)站搜集了大量關(guān)于Bootstrap的開(kāi)發(fā)資源，本文列舉如下（關(guān)于這些資源的介紹請(qǐng)參閱原文或資源鏈接）。

一、組件（用來(lái)擴(kuò)展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集成到你的應(yīng)用框架或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

三、界面構(gòu)建（一些用于設(shè)計(jì)bootstrap布局結(jié)構(gòu)或其他方面的可視化工具）

顯示

• Css3 Gradient Generator
• Css Gradient Generator
• Holder.Js
• Jqdrawbootstrapgrid

架構(gòu)

• 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

五、工具和服務(wù)（使bootstrap開(kāi)發(fā)更快、更容易）

開(kāi)發(fā)工具

• Sublime-Twitter-Bootstrap-Snippets
• Bootstrap Sass
• Compass Twitter Bootstrap
• Dojo Bootstrap

服務(wù)

• I Love Bootstrap
• Bootstrapdocs
• Bootstrapcdn

六、教程

文章

• 開(kāi)始使用Twitter Bootstrap
• Ruby on Rails教程——整合Bootstrap
• 使用Twitter Bootstrap打造Dropbox文件上傳器
• 設(shè)計(jì)一個(gè)響應(yīng)式聯(lián)系人頁(yè)面
• 設(shè)計(jì)一個(gè)響應(yīng)式主頁(yè)
• 漂亮的輸入表單
• Twitter Bootstrap與Rails
• 在Rails應(yīng)用程序中定制Bootstrap
• Symfony 2 Bootstrap表單
• 基于Bootstrap和Codeigniter的Ajax模態(tài)寄存器
• 使用Bootstrap進(jìn)行原型設(shè)計(jì)
• 創(chuàng)建一個(gè)延遲加載的圖片輪播效果
• 使用Knockout.Js和Bootstrap構(gòu)建一個(gè)單頁(yè)面應(yīng)用
• 自定義圖標(biāo)集
• Bootstrap風(fēng)格的jQuery驗(yàn)證插件
• Golden Bootstrap
• 使用Twitter Bootstrap 風(fēng)格化你的應(yīng)用
• Modals教程
• 流式和固定布局之間的抉擇
• 自定義Twitter Bootstrap
• 使用Twitter Bootstrap創(chuàng)建一個(gè)引人入勝的網(wǎng)站
• Joomla Bootstrap模板

演示

• Bootstrap設(shè)計(jì)
• 使用Twitter Bootstrap構(gòu)建
• Web排版
• Bootstrap背景和基礎(chǔ)

視頻

• 使用Twitter Bootstrap (Pro) - Railscasts
• Twitter Bootstrap基礎(chǔ) - Railscasts
• YUI和Bootstrap
• Twitter Bootstrap 101 - Youtube

七、JavaScript擴(kuò)展（基于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