最全的 Twitter Bootstrap 開發資源清單
| 2012-12-03 10:51 收藏: 2 分享: 1
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
Java
JavaScript
- Meteor - Bootstrap Package
- Extjs Bootstrap Theme
- Node-Express-Twitter-Bootstrap
- Derby-Ui-Boot
- Ender-Bootstrap
- Angularstrap
- Angularjs_Scaffold
Joomla
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
三、介面構建(一些用於設計bootstrap佈局結構或其他方面的視覺化工具)
顯示
架構
主題
- 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開發更快、更容易)
開發工具
服務
六、教程
文章
- 開始使用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模板
演示
影片
- 使用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
相關文章
- 最全最實用的人工智慧AI資源清單人工智慧AI
- Android最全開發資源Android
- Java開源工具 網站開發工具清單Java開源工具網站
- 推薦15款最好的 Twitter Bootstrap 開發工具boot
- 《小程式開發原理與實戰》資源連結清單
- 史上最全的開發和設計資源大全
- k8s資源清單K8S
- 最全的Android開發資源整理--進階必備Android
- 《WebAssembly實戰》資源連結清單Web
- 史上最全的開發和設計資源大全(轉--------來源:伯樂線上)
- 你不可錯過的Java學習資源清單Java
- 《JavaScript深度學習》資源連結清單JavaScript深度學習
- Twitter 的那些開源軟體
- 主流的開源ETL工具清單及優劣說明!
- 電腦科學常見工具書清單、專案開發清單
- [開發教程]第20講:Bootstrap表單的排版boot
- [開發教程]第15講:Bootstrap表單boot
- 04 . kubernetes資源清單YAML入門YAML
- 開發安全的 API 所需要核對的清單API
- 修改了一個開源的Bootstrap表單驗證外掛boot
- 開始使用開源待辦事項清單管理器
- 嚴選 | Elasticsearch史上最全最常用工具清單Elasticsearch
- 做 Web 開發必備的安全核對清單Web
- Web 開源 CSS 框架 Bootstrap 文件、Bootstrap 下載WebCSS框架boot
- 打造理想開發環境!雙十一硬核裝備與雲資源全攻略【必備收藏清單】💻🌐開發環境
- 【Python】基於Django Web開發清單PythonDjangoWeb
- 2017前端開發必學清單前端
- 微信小程式開發必備技能清單微信小程式
- 我的願望清單上的 4 種開源生產力工具
- 前端每週清單第 37 期:Bootstrap 4 必知必會、2017 Vue.js 報告、Graphcool 開源框架前端bootVue.js框架
- 一位開發人員的生日願望清單
- [開發教程] 第32講:Bootstrap導航選單裡的下拉選單boot
- [開發教程] 第17講:Bootstrap單選按鈕boot
- [開發教程]第24講:Bootstrap導航選單boot
- 開發和常用工具推薦清單
- 《資料科學入門(第2版)》資源連結清單資料科學
- 整理最全的“大資料”學習資源大資料
- 2018.7月Vue優質開源專案清單Vue